Page 3 of 3
Re: Layout der Beta für J4
Posted: 04 Mar 2022, 23:11
by christine
Hallo Jochen,
So, in der custom.css ab Zeile 30 auskommentieren und das hier probieren:
.form-select {
height: 50%;
}
select#limit.form-select {
width: 8%
}
select#imgordering.form-select {
width: 22%;
}
nav.pagination__wrapper {
margin-top:-15px;
}
Liebe Grüße
Christine
Re: Layout der Beta für J4
Posted: 05 Mar 2022, 11:43
by jochene
Hallo Christine,
es wäre schön, wenn man die Bereiche "Reihenfolge" und "Objekte anzeigen" in einer Zeile hätte und der "pagination__wrapper" darunter wäre und beide "Zeilen" dann zentriert auf der Seite angezeigt werden.
Wenn in einer Gallery noch mehr Bilder enthalten sind, oder man jetzt schon die "Objekte anzeigen" auf 5 einstellt, sieht das nicht mehr so gut aus. Der Text "Seite 1 bis 24" wird überdeckt.
https://www.ttc-bw-sevelen.de/gallery/1 ... chaft-2022
Es sollten vielleicht nur die Seiten 1-3 und weitere mit "..." anzeigen.
Vielleicht so wie hier
https://www.kunena.org/forum/general-qu ... nd-how-tos
Danke
Liebe Grüße
Jochen
Re: Layout der Beta für J4
Posted: 05 Mar 2022, 12:12
by jochene
Hallo Christine,
ich habe Deine Code mal wie folgt geändert.
Code: Select all
.form-select {
height: 50%;
}
select#limit.form-select {
width: 5rem;
}
select#imgordering.form-select {
width: 18rem;
}
nav.pagination__wrapper {
margin-top:0px;
}
.pagination ul li {
margin: 0 0px;
}
li.page-item:nth-child(8) {
display: none;
}
li.page-item:nth-child(9) {
display: none;
}
li.page-item:nth-child(10) {
display: none;
}
li.page-item:nth-child(11) {
display: none;
}
li.page-item:nth-child(12) {
display: none;
}
Das sieht in der mobilen Ansicht dann besser aus.
Der Wert % bei width hat bei mir in der mobilen Ansicht keinen Einfluss der Wert "rem" allerdings schon.
"margin-to: 0px" macht den Text "Seite 1 bis ..." auch wieder sichtbar bzw. wird nicht mehr überdeckt.
Liebe Grüße
Jochen
Re: Layout der Beta für J4
Posted: 05 Mar 2022, 13:37
by christine
Hallo Jochen,
grundsätzlich bei width/height: in %. Bei font-size statt px em (soferne auch andere Einheiten gleich sind).
Diese: ... nth-child(9) bis (12) würde ich nicht machen.
Dadurch fehlen u.a. ja die Pfeile: span.icon-angel-right und span.icon-angel-double-right
Fest steht, wir kriegen die pagination nicht unterhalb. Wahrscheinlich ein override nötig.
Frage: Brauchst Du denn überhaupt das mit: Reihenfolge und Objekte anzeigen?
Liebe Grüße
Christine
Re: Layout der Beta für J4
Posted: 05 Mar 2022, 21:10
by jochene
Hallo Christine,
das mit den fehlenden Pfeilen in der mobilen Ansicht ist mit auch schon aufgefallen.
Hatte gedacht, das ich eine gute Idee gehabt hätte, war leider nichts.
Ob ich das behaupt brauche, habe ich mir auch schon überlegt. Wenn ich allerdings viele Bilder in einer Gallery habe könnte es vielleicht sinnvoll sein. Ich bin mir da noch nicht sicher.
Auf einer anderen Site, die noch auf J3 läuft sind sehr viele Bilder in meiner Gallery.
Ich habe die Überlegungen erstmal nach hinten geschoben, mit
Code: Select all
.pagination.pagination-centered {
display: inline-block;
width: 50%;
}
sieht das aber in der mobilen Ansicht schon viel besser aus und wir erstmal so bleiben.
Vielen Dank
Liebe Grüße
Jochen
Re: Layout der Beta für J4
Posted: 06 Mar 2022, 12:36
by christine
Hallo Jochen,
OK, dann lassen wir es mal so und ich schließe diesen Thread ab. Bei neuen Fragen: neuer Thread.
Liebe Grüße
Christine