MediaWiki:Mobile.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 1: / Zeile 1: @@
-/* Full-Width Fix für Mobile/iOS – reduziert Leerraum links/rechts */
+/* === Biobox Mobile-Fix für iPhone (volle Breite & bündiger Inhalt) === */
-@media all and (max-width: 720px) {
+@media (max-width: 900px) {
-    .mw-parser-output {
+  .mw-parser-output table.biobox {
-        width: 100% !important;
+    float: none !important;
-        max-width: 100% !important;
+    clear: both !important;
-        margin: 0 !important;
+    display: block !important;
-        padding: 0 !important;
+    width: 100vw !important;          /* nutze volle Bildschirmbreite */
-        box-sizing: border-box !important;
+    max-width: 100vw !important;
-        overflow-x: hidden; /* Verhindert horizontales Scrollen auf iOS */
+    margin: 0 -1em 1em -1em !important; /* gleicht Body-Padding aus */
-     }
+    border: 1px solid #c8ccd1;
+    border-collapse: collapse;
+    box-sizing: border-box;
+    background: #fff;
+  }
+  /* Inhalt bündig – keine optische Einrückung */
+  .mw-parser-output table.biobox td,
+  .mw-parser-output table.biobox th {
+    padding: 0.3em 0.5em !important;
+  }
+  /* Bild volle Breite der Box */
+  .mw-parser-output table.biobox img {
+    width: 100% !important;
+    max-width: 100% !important;
+    height: auto !important;
+    display: block;
+    margin: 0;
+  }
+  /* Text unterhalb starten */
+  .mw-parser-output > p:first-of-type {
+     clear: both !important;
+  }
 }