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

Vorlage:Infobar/style.css (Quelltext anzeigen)

323 Bytes entfernt , 3. April 2024

Test

25.095

Bearbeitungen

@@ Zeile 84: / Zeile 84: @@
 @media (max-width: 440px) {
      .infobar {
-         display: block; /* Wechselt von flex zu block */
+         overflow-x: auto; /* Ermöglicht horizontales Scrollen innerhalb der Infobar */
-         width: 100%; /* Setzt die Breite auf 100% des Viewports */
+         flex-wrap: nowrap; /* Verhindert den Umbruch der Flex-Items */
-        overflow-x: hidden; /* Verhindert horizontalen Overflow im Viewport */
      }
      .infobar-icon, .infobar-text, .infobar-img {
-         display: inline-block; /* Stellt sicher, dass alle Elemente nebeneinander angezeigt werden */
+         flex: 0 0 auto; /* Verhindert, dass Flex-Items in ihrer Größe angepasst werden */
-         white-space: nowrap; /* Verhindert den Umbruch von Text und hält Elemente in einer Zeile */
+         white-space: nowrap; /* Verhindert den Umbruch von Text in den Flex-Items */
-    }
-    .infobar-text {
-        overflow-x: auto; /* Ermöglicht horizontales Scrollen innerhalb des .infobar-text Containers */
-        white-space: nowrap; /* Hält alle Items in einer Zeile, um den Bedarf für horizontales Scrollen zu erzeugen */
      }
 }