CSS - Höhe der Vorschau-Bilder der Fotoalben fest definieren

Hast du Vorschläge, was wir an Admidio noch verbessern könnten ? Hier kannst du uns deine Vorstellung an neuen Funktionen mitteilen.
Antworten
kanu
Beiträge: 102
Registriert: 22. Okt 2009, 17:27
Wohnort: Dortmund
Kontaktdaten:

CSS - Höhe der Vorschau-Bilder der Fotoalben fest definieren

Beitrag von kanu »

Je nach Seitenformat der Vorschaubilder wird das Layout der Fotoalben aktuell ja auseinander gerissen, wenn zufällig ein Hochformat gewählt wird. Mit 160px ist die Größe der Bilder auch relativ klein. Könnte man die Höhe nicht einfach fix auf 300px setzen und dann das Bild je nach Bedarf responsiv zuschneiden?

Ich schlage folgende CSS Ergänzung vor: (Es betrifft ja Bootstrap, in Github habe ich es nicht geschafft..)

Code: Alles auswählen

.card-img, .card-img-top {
        height: 300px !important;
        object-fit: cover !important;

Die Vorschaubilder der Fotos selber sind dann ja nochmal etwas anders aufgebaut. Hier besteht das Problem ebenfalls, sobald man die Größe etwas erhöht, kapituliert das Layout.
Hier habe ich folgenden Workaround gewählt:

Code: Alles auswählen

.rounded {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
}
Das ist etwas gepfuscht, mit dem passenden Selektor könnte man das sicherlich schöner hinbekommen.
verwendet Admidio auf rgk.org 8)
Benutzeravatar
fasse
Administrator
Beiträge: 6103
Registriert: 12. Nov 2005, 16:06

Re: CSS - Höhe der Vorschau-Bilder der Fotoalben fest definieren

Beitrag von fasse »

Hallo Kanu,

vielen Dank für deinen Vorschlag. Ich habe es mal auf GitHub aufgenommen:
https://github.com/Admidio/admidio/issues/1660

Gruß
Fasse
kanu
Beiträge: 102
Registriert: 22. Okt 2009, 17:27
Wohnort: Dortmund
Kontaktdaten:

Re: CSS - Höhe der Vorschau-Bilder der Fotoalben fest definieren

Beitrag von kanu »

Herzlichen Dank!
verwendet Admidio auf rgk.org 8)
Antworten