MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,018: | Line 1,018: | ||
/* ========================================================= | /* ========================================================= | ||
OOO BROWSER ( | OOO BROWSER (Stable layout) | ||
========================================================= */ | ========================================================= */ | ||
.ooo-browser { | .ooo-browser{ | ||
display: | display:grid; | ||
grid-template-columns:240px 1fr; | |||
gap:34px; | gap:34px; | ||
align-items: | align-items:start; | ||
margin-top:14px; | margin-top:14px; | ||
} | } | ||
/* | /* left column */ | ||
.ooo- | .ooo-browser__list{ | ||
position:sticky; | position:sticky; | ||
top:90px; | top:90px; | ||
| Line 1,036: | Line 1,036: | ||
} | } | ||
/* | /* item buttons */ | ||
.ooo-browser__item{ | .ooo-browser__item{ | ||
display:block; | display:block; | ||
| Line 1,073: | Line 1,067: | ||
} | } | ||
.ooo-browser__item.is-active::after{ | .ooo-browser__item.is-active::after{ | ||
content:"▶"; | content:"▶"; | ||
| Line 1,084: | Line 1,077: | ||
} | } | ||
.ooo-browser__panel{ | .ooo-browser__panel{ | ||
border-left:1px solid var(--ooo-border); | border-left:1px solid var(--ooo-border); | ||
padding-left:24px; | padding-left:24px; | ||
max-width:520px; | |||
} | } | ||
| Line 1,107: | Line 1,089: | ||
} | } | ||
/* | /* panels */ | ||
.ooo-browser__info{ | .ooo-browser__info{ | ||
display:none; | display:none; | ||
| Line 1,116: | Line 1,098: | ||
} | } | ||
/* | /* mobile */ | ||
@media (max-width:900px){ | @media (max-width:900px){ | ||
.ooo-browser{ | .ooo-browser{ | ||
grid-template-columns:1fr; | |||
} | |||
.ooo-browser__list{ | |||
position:relative; | |||
top:auto; | |||
} | } | ||
| Line 1,130: | Line 1,117: | ||
} | } | ||
} | } | ||