BryanDavis has uploaded a new change for review.
https://gerrit.wikimedia.org/r/273775
Change subject: Add css layout for small screens
......................................................................
Add css layout for small screens
Switch from 2-column to 1-column layout when the viewport width is less
than 600px. This doesn't solve all of our small screen problems as the
main tool index is still rendered as a non-responsive table, but it is
better than the prior layout.
Bug: T119830
Change-Id: Ie16caf6fd0445a0541db62ca69bfc5d24cb1bb05
---
M www/style.css
1 file changed, 28 insertions(+), 0 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/labs/toollabs
refs/changes/75/273775/1
diff --git a/www/style.css b/www/style.css
index abac7c5..d4c93ac 100644
--- a/www/style.css
+++ b/www/style.css
@@ -275,3 +275,31 @@
font-size: 150%;
font-weight: bold;
}
+
+/* Small screen layout */
+@media only screen and (max-width:600px) {
+ body {
+ min-width:initial;
+ }
+ .col2 {
+ border-top:solid;
+ text-align:center;
+ }
+ .col2 ul {
+ padding-left:0;
+ }
+ .col2 ul li {
+ display:inline;
+ }
+ .colmask,
+ .leftmenu .colright,
+ .leftmenu .col1wrap,
+ .leftmenu .col1,
+ .leftmenu .col2 {
+ float:none;
+ margin:.2em;
+ overflow:visible;
+ position:static;
+ width:auto;
+ }
+}
--
To view, visit https://gerrit.wikimedia.org/r/273775
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: Ie16caf6fd0445a0541db62ca69bfc5d24cb1bb05
Gerrit-PatchSet: 1
Gerrit-Project: labs/toollabs
Gerrit-Branch: master
Gerrit-Owner: BryanDavis <bda...@wikimedia.org>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
