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

Vorlage:Infobar/style.css (Quelltext anzeigen)

789 Bytes hinzugefügt , 3 April

Test scrollbare Infobar

20.745

Bearbeitungen

@@ Zeile 80: / Zeile 80: @@
      border-radius: 6px;
      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;
+    }
+}