MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,018: | Line 1,018: | ||
/* ========================================================= | /* ========================================================= | ||
OOO BROWSER (Stable layout) | OOO BROWSER (Stable two-column layout) | ||
========================================================= */ | ========================================================= */ | ||
| Line 1,025: | Line 1,025: | ||
grid-template-columns:240px 1fr; | grid-template-columns:240px 1fr; | ||
gap:34px; | gap:34px; | ||
margin-top:14px; | margin-top:14px; | ||
} | } | ||
/* | /* LEFT MENU — NEVER MOVES */ | ||
.ooo-browser__list{ | .ooo-browser__list{ | ||
position:sticky; | position:sticky; | ||
top:90px; | top:90px; | ||
height:max- | height:fit-content; | ||
} | |||
/* RIGHT PANEL — INTERNAL SCROLL */ | |||
.ooo-browser__panel{ | |||
max-height:calc(100vh - 120px); | |||
overflow-y:auto; | |||
border-left:1px solid var(--ooo-border); | |||
padding-left:24px; | |||
} | |||
/* infobox */ | |||
.ooo-browser__panel .ooo-infobox{ | |||
margin:0; | |||
float:none; | |||
width:100%; | |||
} | |||
/* panels */ | |||
.ooo-browser__info{ | |||
display:none; | |||
} | |||
.ooo-browser__info.is-active{ | |||
display:block; | |||
} | } | ||
/* item buttons */ | /* item buttons */ | ||
.ooo-browser__item{ | .ooo-browser__item{ | ||
display:block; | display:block; | ||
| Line 1,050: | Line 1,075: | ||
cursor:pointer; | cursor:pointer; | ||
font-weight:700; | font-weight:700; | ||
transition:.15s ease; | |||
position:relative; | position:relative; | ||
} | } | ||
| Line 1,066: | Line 1,090: | ||
background:rgba(245,196,0,0.10); | background:rgba(245,196,0,0.10); | ||
} | } | ||
/* active arrow */ | |||
.ooo-browser__item.is-active::after{ | .ooo-browser__item.is-active::after{ | ||
| Line 1,077: | Line 1,103: | ||
} | } | ||
/* mobile */ | |||
@media (max-width:900px){ | @media (max-width:900px){ | ||
| Line 1,105: | Line 1,111: | ||
} | } | ||
.ooo- | .ooo-browser__panel{ | ||
max-height:none; | |||
overflow:visible; | |||
border-left:none; | border-left:none; | ||
padding-left:0; | padding-left:0; | ||
border-top:1px solid var(--ooo-border); | border-top:1px solid var(--ooo-border); | ||
padding-top:16px; | padding-top:16px; | ||
} | |||
.ooo-browser__list{ | |||
position:relative; | |||
top:auto; | |||
} | } | ||