Do same for desktop style

kiwix · Jul 21, 2023 · e71578b · e71578b
1 parent 9b7514f
commit e71578b
Showing 1 changed file with 54 additions and 0 deletions.
diff --git a/www/-/s/style.css b/www/-/s/style.css
@@ -505,6 +505,60 @@ div.columns-5 div.column {
     min-width: 120px
 }
 
+/* Support lists that automatically split into limited-width columns (for translations tables and the like): */
+.multicolumn-list > ul {
+    -webkit-column-width: 25em;
+    -moz-column-width: 25em;
+    -ms-column-width: 25em;
+    column-width: 25em;
+    column-gap: 20px;
+}
+.multicolumn-list-wide > ul {
+    -webkit-column-width: 55em;
+    -moz-column-width: 55em;
+    -ms-column-width: 55em;
+    column-width: 55em;
+    column-gap: 20px;
+}
+.multicolumn-list-narrow > ul {
+    -webkit-column-width: 22em;
+    -moz-column-width: 22em;
+    -ms-column-width: 22em;
+    column-width: 22em;
+    column-gap: 20px;
+}
+
+/* Used by column templates (see [[Module:columns]]). */
+.ul-column-count[data-column-count="2"] > ul,
+.ul-column-count[data-column-count="2"] > ol,
+.ul-column-count[data-column-count="2"] > dl {
+	-moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2;
+}
+
+.ul-column-count[data-column-count="3"] > ul,
+.ul-column-count[data-column-count="3"] > ol,
+.ul-column-count[data-column-count="3"] > dl {
+	-moz-column-count: 3; -webkit-column-count: 3; -ms-column-count: 3; column-count: 3;
+}
+
+.ul-column-count[data-column-count="4"] > ul,
+.ul-column-count[data-column-count="4"] > ol,
+.ul-column-count[data-column-count="4"] > dl {
+	-moz-column-count: 4; -webkit-column-count: 4; -ms-column-count: 4; column-count: 4;
+}
+
+.ul-column-count[data-column-count="5"] > ul,
+.ul-column-count[data-column-count="5"] > ol,
+.ul-column-count[data-column-count="5"] > dl {
+	-moz-column-count: 5; -webkit-column-count: 5; -ms-column-count: 5; column-count: 5;
+}
+
+.ul-column-count[data-column-count="6"] > ul,
+.ul-column-count[data-column-count="6"] > ol,
+.ul-column-count[data-column-count="6"] > dl {
+	-moz-column-count: 6; -webkit-column-count: 6; -ms-column-count: 6; column-count: 6;
+}
+
 .messagebox {
     border: 1px solid #a2a9b1;
     background-color: #f8f9fa;