MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
(remove Tabs V2 selectors) |
(specify most tab styles in zdw-box only to support other tab/selection scenarios that are styled differently) |
||
Line 42: | Line 42: | ||
.zdw-tabcontent:not(.default) { display: none; } | .zdw-tabcontent:not(.default) { display: none; } | ||
.zdw-box.zdw-tabcontainer { position: relative; padding: 10px; } | |||
.zdw-tabcontainer { position: relative; padding: 10px; } | .zdw-box.zdw-tabcontainer--hastabstop { margin-top: 33px !important; } | ||
.zdw-tabcontainer--hastabstop { margin-top: 33px !important; } | .zdw-box.zdw-tabcontainer--hastabstop > .zdw-tabcontainer__tabset--top { position: absolute; top: -32px; } | ||
.zdw-tabcontainer__tabset--top { position: absolute; top: -32px; } | .zdw-box.zdw-tabcontainer--hastabsleft > .zdw-tabcontainer__tabset--left { float: left; } | ||
.zdw-tabcontainer__tabset--left { float: left; } | ul.zdw-tabset { margin: 0 !important; } | ||
.zdw-tabset { margin: 0 !important; } | ul.zdw-tabset { display: flex; overflow-x: auto; } | ||
.zdw-tabset { display: flex; overflow-x: auto; } | |||
.zdw-tabcontainer__tabset--left .zdw-tabset { flex-direction: column; } | .zdw-tabcontainer__tabset--left .zdw-tabset { flex-direction: column; } | ||
.zdw-tab | li.zdw-tab { display: block; padding: 0px 10px; margin: 0px; border: 1px solid #5a7db5; } | ||
.zdw-tabcontainer__tabset--top .zdw-tab { height: 30px; line-height: 30px; white-space: nowrap; } | .zdw-tabcontainer__tabset--top .zdw-tab { height: 30px; line-height: 30px; white-space: nowrap; } | ||
.zdw-tabcontainer__tabset--left .zdw-tab { padding: 5px 10px; } | .zdw-tabcontainer__tabset--left .zdw-tab { padding: 5px 10px; } |