MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,020: | Line 1,020: | ||
OOO BROWSER (Reusable left-list + right-details panel) | OOO BROWSER (Reusable left-list + right-details panel) | ||
Works for Buildings / Vehicles / Factory, etc. | Works for Buildings / Vehicles / Factory, etc. | ||
Stable layout — prevents list shifting | |||
========================================================= */ | ========================================================= */ | ||
.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; | ||
} | } | ||
| Line 1,032: | Line 1,034: | ||
.ooo-browser__list { | .ooo-browser__list { | ||
width: 240px; | width: 240px; | ||
} | } | ||
| Line 1,096: | Line 1,091: | ||
/* Right side panel */ | /* Right side panel */ | ||
.ooo-browser__panel { | .ooo-browser__panel { | ||
max-width: 520px; | max-width: 520px; | ||
| Line 1,103: | Line 1,097: | ||
} | } | ||
/* infobox inside panel */ | |||
.ooo-browser__panel .ooo-infobox { | .ooo-browser__panel .ooo-infobox { | ||
margin: 0; | margin: 0; | ||
| Line 1,121: | Line 1,116: | ||
@media (max-width: 900px) { | @media (max-width: 900px) { | ||
.ooo-browser { | .ooo-browser { | ||
grid-template-columns: 1fr; | |||
gap: 16px; | gap: 16px; | ||
} | } | ||