MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,023: | Line 1,023: | ||
.ooo-browser { | .ooo-browser { | ||
display: flex; | display: flex; | ||
gap: | gap: 12px; /* small spacing between list and panel */ | ||
align-items: flex-start; | align-items: flex-start; | ||
margin-top: 14px; | margin-top: 14px; | ||
| Line 1,046: | Line 1,046: | ||
.ooo-browser__panelwrap { | .ooo-browser__panelwrap { | ||
flex: 1 1 auto; | flex: 1 1 auto; | ||
min-width: | min-width: 280px; /* prevents collapsing too small */ | ||
} | } | ||
.ooo-browser__panel { | .ooo-browser__panel { | ||
width: 100%; | width: 100%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
| Line 1,072: | Line 1,070: | ||
.ooo-browser__panel .ooo-infobox th { | .ooo-browser__panel .ooo-infobox th { | ||
word-break: break-word; | word-break: break-word; | ||
} | } | ||
| Line 1,141: | Line 1,094: | ||
max-width: 540px; | max-width: 540px; | ||
line-height: 1.65; | line-height: 1.65; | ||
} | } | ||
/* MOBILE / NARROW SCREENS */ | /* MOBILE / NARROW SCREENS */ | ||
@media (max-width: 1000px) { | @media (max-width: 1000px) { | ||
.ooo-browser { | .ooo-browser { | ||
flex-direction: column; | flex-direction: column; | ||