MediaWiki:Common.css: Difference between revisions
m Style global collapsible controls |
m Float collapsible controls while scrolling |
||
| Line 19: | Line 19: | ||
.muhro-collapse-controls { | .muhro-collapse-controls { | ||
position: fixed; | |||
right: 1rem; | |||
bottom: 1rem; | |||
z-index: 1000; | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 0. | gap: 0.35rem; | ||
max-width: calc(100vw - 2rem); | |||
padding: 0.35rem; | |||
border: 1px solid #a2a9b1; | |||
border-radius: 4px; | |||
background: #fff; | |||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); | |||
} | } | ||
| Line 46: | Line 55: | ||
cursor: default; | cursor: default; | ||
opacity: 0.7; | opacity: 0.7; | ||
} | |||
@media (max-width: 720px) { | |||
.muhro-collapse-controls { | |||
right: 0.5rem; | |||
bottom: 0.5rem; | |||
max-width: calc(100vw - 1rem); | |||
} | |||
.muhro-collapse-button { | |||
padding: 0.2rem 0.55rem; | |||
} | |||
} | } | ||