17,233
edits
(flex) |
No edit summary |
||
Line 46: | Line 46: | ||
.tabs2d > .tabsettop, .zdw-tabcontainer__tabset--top { position: absolute; top: -32px; } | .tabs2d > .tabsettop, .zdw-tabcontainer__tabset--top { position: absolute; top: -32px; } | ||
.tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left { float: left; } | .tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left { float: left; } | ||
.tabs2d > .tabset, .zdw-tabset { display: flex; } | .tabs2d > .tabset, .zdw-tabset { display: flex; overflow-x: auto; } | ||
.tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left .zdw-tabset { flex-direction: column; } | .tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left .zdw-tabset { flex-direction: column; } | ||
.tabs2d > .tabset > .tab2, .zdw-tab { display: block; padding: 0px 10px; margin: 0px; border: 1px solid #5a7db5; } | .tabs2d > .tabset > .tab2, .zdw-tab { display: block; padding: 0px 10px; margin: 0px; border: 1px solid #5a7db5; } | ||
.tabs2d > .tabsettop > .tab2, .zdw-tabcontainer__tabset--top .zdw-tab { height: 30px; line-height: 30px; } | .tabs2d > .tabsettop > .tab2, .zdw-tabcontainer__tabset--top .zdw-tab { height: 30px; line-height: 30px; white-space: nowrap; } | ||
.tabs2d > .tabsetleft > .tab2, .zdw-tabcontainer__tabset--left .zdw-tab { padding: 5px 10px; } | .tabs2d > .tabsetleft > .tab2, .zdw-tabcontainer__tabset--left .zdw-tab { padding: 5px 10px; } | ||
.tabs2d > .tabsettop > .tab2 + .tab2, .zdw-tabcontainer__tabset--top .zdw-tab + .zdw-tab { margin-left: -1px; } | .tabs2d > .tabsettop > .tab2 + .tab2, .zdw-tabcontainer__tabset--top .zdw-tab + .zdw-tab { margin-left: -1px; } |