VolkerE has uploaded a new change for review. (
https://gerrit.wikimedia.org/r/338609 )
Change subject: demos: Further improve responsive layout
......................................................................
demos: Further improve responsive layout
Explicitely set `margin` on `body` and apply `margin-bottom` on
widgets on top independentely from viewport size.
Also increase available size for demoed widgets on smaller screen
by removing border on all, but toolbar examples and unify their
`padding`s/`margin`s.
Change-Id: I20764fdac4b4b56cc8dcc5b91be9ff120db975c9
---
M demos/styles/demo.css
1 file changed, 13 insertions(+), 9 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/09/338609/1
diff --git a/demos/styles/demo.css b/demos/styles/demo.css
index d8bd637..6dadc41 100644
--- a/demos/styles/demo.css
+++ b/demos/styles/demo.css
@@ -1,5 +1,6 @@
body {
color: #222;
+ margin: 1em;
font-size: 0.8em;
font-family: sans-serif;
}
@@ -14,10 +15,15 @@
margin: 0 auto;
}
+.oo-ui-demo-menu {
+ margin-bottom: 1em;
+}
+
.oo-ui-demo-menu > .oo-ui-widget {
display: inline-block;
vertical-align: middle;
margin-right: 1em;
+ margin-bottom: 1em;
}
.oo-ui-demo-menu .oo-ui-demo-pageDropdown {
@@ -264,16 +270,18 @@
font-size: 1em;
}
- .oo-ui-demo-menu {
- margin-bottom: 1em;
- }
-
.oo-ui-demo-menu > .oo-ui-widget {
margin-bottom: 1em;
}
.oo-ui-demo-container {
- padding: 1em 2.5em 1em 1em;
+ border-radius: 0;
+ border-width: 1px 0 0;
+ padding: 1.5em 2.5em 1em 0em;
+ }
+
+ .oo-ui-demo-container.oo-ui-demo-toolbars {
+ border-width: 1px;
}
.oo-ui-demo-console-toggle {
@@ -282,10 +290,6 @@
}
@media ( min-width: 751px ) {
- .oo-ui-demo-menu {
- margin-bottom: 2em;
- }
-
.oo-ui-demo-container {
padding: 2em;
}
--
To view, visit https://gerrit.wikimedia.org/r/338609
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I20764fdac4b4b56cc8dcc5b91be9ff120db975c9
Gerrit-PatchSet: 1
Gerrit-Project: oojs/ui
Gerrit-Branch: master
Gerrit-Owner: VolkerE <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
