MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 470: / Line 470: @@
    font-size: 12px;
   }
+/* Page Forms: stack labels above fields on narrow screens instead of a two-column table */
+@media screen and (max-width: 720px) {
+  table.formtable,
+  table.formtable tbody,
+  table.formtable tr,
+  table.formtable th,
+  table.formtable td {
+    display: block;
+    width: auto;
+    box-sizing: border-box;
+  }
+  table.formtable th {
+    text-align: left;
+    padding: 0.8em 0 0.2em;
+  }
+  table.formtable th[colspan] {
+    text-align: center;
+  }
+  table.formtable td {
+    padding: 0 0 0.4em;
+  }
+  table.formtable .createboxInput {
+    width: 100%;
+  }
+  #pfForm input[type="text"],
+  #pfForm select,
+  #pfForm textarea {
+    max-width: 100%;
+  }
+  /* Page Forms gives the combobox an inline pixel width and a negative top margin
+     meant to line it up with the label cell beside it */
+  #pfForm .oo-ui-comboBoxInputWidget {
+    width: 100% !important;
+    min-width: 0 !important;
+    margin-top: 0 !important;
+  }
+}