Layout der Beta für J4

[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

[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

[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

[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

[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

[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