20.745
Bearbeitungen
RaWen (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) (Test scrollbare Infobar) |
||
Zeile 80: | Zeile 80: | ||
border-radius: 6px; | border-radius: 6px; | ||
object-fit: cover;} | object-fit: cover;} | ||
/* Media Query für Bildschirme kleiner als 440px */ | |||
@media (max-width: 440px) { | |||
.infobar-text { | |||
overflow-x: auto; /* Ermöglicht horizontales Scrollen für den Textbereich */ | |||
white-space: nowrap; /* Verhindert Umbrüche im Text, um das Scrollen zu unterstützen */ | |||
} | |||
.infobar-text .item, .infobar-text .boxless { | |||
display: inline-block; /* Elemente nebeneinander halten, um das Scrollen zu ermöglichen */ | |||
white-space: normal; /* Stellt sicher, dass Text in .item und .boxless umgebrochen werden kann */ | |||
} | |||
/* Optional: Anpassung der Größe des Icons und des Bildes für kleinere Bildschirme */ | |||
.infobar-icon, .infobar-img img { | |||
max-width: 40px; /* Verkleinert Icons und Bilder leicht */ | |||
max-height: 40px; | |||
} | |||
} |