Praxisnahe Anpassungen nach ep3-Installation

[Sahel2021]

Hallo,
in den letzten Wochen habe ich ep3 weitgehend angepasst für die Bedürfnisse unseres Vereins. Diese Anpassungen zusammen mit diversen Infos habe ich mal notiert und eine kleine Doku daraus gemacht, die auch für andere interessant sein könnte, die ep3 an den Start bringen wollen. Es ist so eine Art Quick Guide für meisten praxisnahen Anpassungen.

Ich möchte dies zur freien Verfügung stellen : https://doku.tcf-platzreservierung.de

betrifft Version 1.7.0, manuelle Installation (nicht via Git-Hub), Hosting All-Inkl.com, PHP 7.4, MariaDB

[JonesHH]

Hi,
leider verweist der Link zu der Beschreibung der Anpassungen
auf Euer Buchungssystem. Oder verstehe ich da was falsch.
grüsse
jones

[Sahel2021]

der erste Link ist der zu unserem Buchungssystem. Aber alle Anpassungen sind links im Menü.

[cbits68]

Das Menü sieht man leider nur im Desktop Modus. Im Responsive Layout ist das Menü nicht sichtbar ;-)

[JonesHH]

Oder mal das Ipad quer legen…
jetzt sehe ich es auch.
danke

[Sahel2021]

stimmt, muss ich mal ändern.

[mjmpeace]

Ich sehe keinen Link zur Dokumentation. Es wäre toll, mal einen direkten Link dazu zu posten. So ist das wenig hilfreich. Danke

[Sahel2021]

der Link ist https://doku.tcf-platzreservierung.de/. Steht ja oben.
Evtl. auf größeren Bildschirm gehen. Das Menü verschwindet bei kleinen screens. Ich muss das mal fixen.

[mjmpeace]

Danke für den Link. Das sollte ich auch mal machen für unsere Buchungssysteme. Wir haben 2 - einmal Tennishalle mit 2 Plätzen und einmal Außenplätze mit 9 Plätzen.

Unsere Systeme findet ihr hier: https://www.tennisclub-rot-weiss-bremerhaven.de/

Danke für die Nennung auf der Nutzerseite

[cbits68]

@Sahel2021
kannst Du bitte mal Deine Änderungen posten die Du zur Anpassung der mobilen Darstellung bei 6 Plätzen gemacht hast?
Ich finde es sieht noch besser aus als mit den Ansätzen in #412
Das mit dem Scrollen ist zwar auch OK, aber bei Dir finde ich es optisch besser gelöst.

Gruß
CBITS

[mjmpeace]

Ich habe für meine 9 Plätze leider das Problem, dass es im Hochformat nicht ganz passt. Hat jemand dazu einen Tipp wie ich die Unterlegung mit der Hintergrundfarbe weiß für die Plätze auf alle neun Plätze hinbekomme? Im Querformat ist es auch auf dem Handy gut.

[cbits68]

Ich habe für meine 9 Plätze leider das Problem, dass es im Hochformat nicht ganz passt. Hat jemand dazu einen Tipp wie ich die Unterlegung mit der Hintergrundfarbe weiß für die Plätze auf alle neun Plätze hinbekomme? Im Querformat ist es auch auf dem Handy gut.

hattest Du nicht die Anpassungen aus issue #412 von Tobias & wels113 in der default.css schon umgesetzt?
Dann sollte zumindest das Layout im responsive Design auf mobilen Endgeräten wieder passen. Man sieht dann zwar nicht alle Plätze, kann aber sauber in der Horizontalansicht nach rechts oder links scrollen.
Bei 9 Plätzen wäre es ohnehin schwer die alle noch in der Horizontalansicht darzustellen, ohne nicht auch die Schriftgröße zu verkleinern, was dann aber sicher auch unleserlich wird.

[mjmpeace]

So sieht es auf einem Galaxy S10 aus. Rechts sollte es halt bis Platz 9 auch weiß unterlegt sein und nicht rot. Da ist noch irgendwas in der css nicht optimal.
Im Querformat ist alles prima.

[cbits68]

sieht so aus ...
anbei mal meine default.css mit den Anpassungen aus #412
h2, h3, h4, h5, h6 { color: #547B97; }

/* Layout - Calendar */

a.cc-event:link,
a.cc-event:visited { background-color: #975459; }
a.cc-event:hover { background-color: #6A3333; }

a.cc-own:link,
a.cc-own:visited { background-color: #8BB243; }
a.cc-own:hover { background-color: #5F8024; }

a.cc-single:link,
a.cc-single:visited { background-color: #808D96; }
a.cc-single:hover { background-color: #4C5359; }

a.cc-multiple:link,
a.cc-multiple:visited { background-color: #547B97; }
a.cc-multiple:hover { background-color: #334F6A; }

a.cc-conflict:link,
a.cc-conflict:visited { background-color: #334F6A; }
a.cc-conflict:hover { background-color: #334F6A; }

/* Layout - Disable Overlay Events */

a[id*="-overlay-"] { visibility: hidden; }

/* Layout - Alternate Calendar */

.cc-range-member a {
border-color: #547B97 !important;
background-color: #547B97 !important;
}

@media (max-width: 1024px) {
#label-client {
margin-top: 16px;
}

/* #branding,*/
#topbar-contact,
#topbar-infos,
#topbar-phone,
#topbar-separator,
#topbar > div:not(#topbar-contact):not(#topbar-separator) {
display: none !important;
}

#calendar {
    overflow: scroll;
}

}

@media (max-width: 512px) {
#label-client,
#label-service {
text-align: left;
text-indent: 91px;
}

#label-service {
    font-size: 24px;
}

}

@media (max-width: 500px) {
.calendar-date-row > td {
text-align: left;
padding-left: 1rem;
}

.calendar-date-table.full-width {
    min-width: 800px;
}

}

/* General Purpose - Classes */

.my-highlight { color: #5F8024; }

.badge { background-color: #547B97; }
.badge-label { color: #547B97; }

/* Links */

a:link, a:visited { color: #334F6A; }
Auf meinem Galaxy S20 Ultra sieht es dann so aus:

Screen_Recording_20230226_133653_Chrome.mp4

[mjmpeace]

Ja cool - ich habe die Datei mal ausgetauscht und jetzt klappt es. Dankeschön ! Scollen wie bei dir und gut sichtbare Felder.