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

Vorlage:Infobar/style.css (Quelltext anzeigen)

321 Bytes hinzugefügt , 3 April

Test

20.927

Bearbeitungen

@@ Zeile 84: / Zeile 84: @@
 @media (max-width: 440px) {
      .infobar {
-         overflow-x: auto; /* Ermöglicht horizontales Scrollen innerhalb der Infobar */
+         display: block; /* Wechselt von flex zu block */
-         width: 100%; /* Stellt sicher, dass die Infobar die volle Breite des Viewports einnimmt */
+         width: 100%; /* Setzt die Breite auf 100% des Viewports */
-         min-width: 400px; /* Setzt eine Mindestbreite, um das Desktop-Layout beizubehalten */
+         overflow-x: hidden; /* Verhindert horizontalen Overflow im Viewport */
-         box-sizing: border-box; /* Stellt sicher, dass Padding und Border innerhalb der Breite enthalten sind */
+    }
+    .infobar-icon, .infobar-text, .infobar-img {
+         display: inline-block; /* Stellt sicher, dass alle Elemente nebeneinander angezeigt werden */
+        white-space: nowrap; /* Verhindert den Umbruch von Text und hält Elemente in einer Zeile */
+    }
+    .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 */
      }
 }