MediaWiki:CRT Search.css: Difference between revisions
m Arclight moved page MediaWiki:CRTSearch.css to MediaWiki:CRT Search.css without leaving a redirect |
No edit summary |
||
| Line 62: | Line 62: | ||
margin: 0; | margin: 0; | ||
font-size: 18px; | font-size: 18px; | ||
color: #333; | |||
} | |||
.crt-mobile-close-btn { | |||
display: none; | |||
background: none; | |||
border: none; | |||
font-size: 24px; | |||
color: #666; | |||
cursor: pointer; | |||
padding: 0 4px; | |||
line-height: 1; | |||
} | |||
.crt-mobile-close-btn:hover { | |||
color: #333; | color: #333; | ||
} | } | ||
| Line 84: | Line 99: | ||
/* Scrollable filters body */ | /* Scrollable filters body */ | ||
.crt-filters-body { | .crt-filters-body { | ||
flex: 1; | flex: 1 1 auto; | ||
overflow-y: auto; | overflow-y: auto; | ||
overflow-x: visible; | overflow-x: visible; | ||
padding: 12px; | padding: 12px; | ||
min-height: 0; | |||
} | } | ||
| Line 694: | Line 710: | ||
.crt-mobile-filter-toggle { | .crt-mobile-filter-toggle { | ||
display: block; | |||
} | |||
.crt-mobile-close-btn { | |||
display: block; | display: block; | ||
} | } | ||
| Line 705: | Line 725: | ||
right: 0; | right: 0; | ||
bottom: 0; | bottom: 0; | ||
max-height: | height: 100vh; | ||
max-height: none; | |||
border-radius: 0; | border-radius: 0; | ||
z-index: | z-index: 10000; | ||
background: #f8f8f8; | |||
flex-direction: column; | |||
} | } | ||
.crt-search-filters.mobile-open { | .crt-search-filters.mobile-open { | ||
display: flex; | display: flex; | ||
} | |||
.crt-filters-body { | |||
flex: 1 1 0; | |||
min-height: 0; | |||
overflow-y: auto; | |||
overflow-x: hidden; | |||
} | } | ||
| Line 834: | Line 864: | ||
html.skin-theme-clientpref-night .crt-mobile-filter-toggle:hover { | html.skin-theme-clientpref-night .crt-mobile-filter-toggle:hover { | ||
background: #3a3a3e; | background: #3a3a3e; | ||
} | |||
html.skin-theme-clientpref-night .crt-mobile-close-btn { | |||
color: #aaa; | |||
} | |||
html.skin-theme-clientpref-night .crt-mobile-close-btn:hover { | |||
color: #fff; | |||
} | } | ||