MediaWiki:Common.css: Difference between revisions
m Keep expand controls above floating contents |
m Prevent floating page tool overlap |
||
| Line 41: | Line 41: | ||
} | } | ||
.muhro-floating- | .muhro-floating-tools { | ||
position: fixed; | position: fixed; | ||
top: 4.5rem; | |||
right: 1rem; | right: 1rem; | ||
z-index: 1002; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: flex-end; | |||
gap: 0.45rem; | |||
max-width: min(22rem, calc(100vw - 2rem)); | max-width: min(22rem, calc(100vw - 2rem)); | ||
} | } | ||
.muhro-collapse-controls { | .muhro-collapse-controls { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 63: | Line 66: | ||
.muhro-floating-toc { | .muhro-floating-toc { | ||
max-width: min(22rem, calc(100vw - 2rem)); | |||
} | } | ||
| Line 194: | Line 196: | ||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
.muhro-floating- | .muhro-floating-tools { | ||
top: 0.5rem; | |||
right: 0.5rem; | right: 0.5rem; | ||
max-width: calc(100vw - 1rem); | max-width: calc(100vw - 1rem); | ||
} | } | ||
.muhro- | .muhro-floating-toc, | ||
.muhro-floating-toc-panel { | |||
width: calc(100vw - 1rem); | |||
max-width: calc(100vw - 1rem); | |||
.muhro-floating-toc { | |||
} | } | ||
.muhro-floating-toc-panel { | .muhro-floating-toc-panel { | ||
max-height: 55vh; | max-height: 55vh; | ||
} | } | ||