Module:Infobox/styles.css: Difference between revisions

← Older edit

@@ Line 44: / Line 44: @@
 /* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
-html.skin-theme-clientpref-night .infobox-full-data * {
-    background: #1f1f23 !important;
+@media screen {
-      /* switch with var( --color-base ) when supported. */
+    html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
-      color: #f8f9fa;
+	    background: #1f1f23 !important;
+	      /* switch with var( --color-base ) when supported. */
+	      color: #f8f9fa;
+	}
 }
-@media (prefers-color-scheme: dark) {
-     html.skin-theme-clientpref-os .infobox-full-data * {
+@media screen and ( prefers-color-scheme: dark) {
+     html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {
        background: #1f1f23 !important;
        /* switch with var( --color-base ) when supported. */
        color: #f8f9fa;
      }
+}
+/* Since infobox is a table, many infobox templates take advantage of this to add columns and rows to the infobox itself rather than as part of a new table inside them. This class should be discouraged and removed on the long term, but allows us to at least identify these tables going forward
+Currently in use on: [[Module:Infobox3cols]]
+Fixes issue described in https://phabricator.wikimedia.org/F55300125 on Vector 2022.
+*/
+@media (min-width: 640px) {
+  body.skin--responsive .infobox-table {
+    display: table !important;
+  }
+  body.skin--responsive .infobox-table > caption {
+    display: table-caption !important;
+  }
+  body.skin--responsive .infobox-table > tbody {
+    display: table-row-group;
+  }
+  body.skin--responsive .infobox-table tr {
+    display: table-row !important;
+  }
+  body.skin--responsive .infobox-table th,
+  body.skin--responsive .infobox-table td {
+    padding-left: inherit;
+    padding-right: inherit;
+  }
 }