Vorlage:Infobar/style.css: Unterschied zwischen den Versionen

keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
@keyframes refreshLayout {
    from { opacity: 1; }
    to { opacity: 1; }
}
.infobar {
    animation: refreshLayout 0.1s forwards;
}
/* Grundlegende Stile für alle Infobars (längliche Infoboxen am Ende von Artikeln) */
/* Grundlegende Stile für alle Infobars (längliche Infoboxen am Ende von Artikeln) */
.infobar {
.infobar {
Zeile 92: Zeile 83:
/* Media Query für Bildschirme kleiner als 440px */
/* Media Query für Bildschirme kleiner als 440px */
@media (max-width: 440px) {
@media (max-width: 440px) {
    .infobar {
     .infobar-icon {
        overflow-x: auto; /* Ermöglicht horizontales Scrollen innerhalb der Infobar */
         display: none;}
        flex-wrap: nowrap; /* Verhindert den Umbruch der Flex-Items */
        animation: refreshLayout 0.1s forwards;}
 
     .infobar-icon, .infobar-text, .infobar-img {
         flex: 0 0 auto; /* Verhindert, dass Flex-Items in ihrer Größe angepasst werden */
        white-space: nowrap; /* Verhindert den Umbruch von Text in den Flex-Items */}
}
}