kiwix/kiwix-js-pwa
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-js-pwa.git synced 2025-09-09 12:19:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix column layout for Wiktionary

Browse Source 
Fixes #429.
This commit is contained in:
Jaifroid 2023-07-21 07:44:00 +03:00
parent d83585f493
commit 9b7514fa3a
1 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
www/-/s/style-mobile.css
View File

@ -464,6 +464,61 @@ sub {
.content .vertical-navbox, .content .navbox {
display: inherit
}
/* 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;
}
}
@media all and (max-width:720px) {