MediaWiki:CRT Search.css: Difference between revisions
m Arclight moved page MediaWiki:AdvancedSearch.css to MediaWiki:CRTSearch.css without leaving a redirect |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
* Light mode is default; dark mode applied via skin-theme-clientpref-night class | * Light mode is default; dark mode applied via skin-theme-clientpref-night class | ||
*/ | */ | ||
/* Utility cards (above search) */ | |||
.crt-card-subtitle { | |||
font-size: 0.85rem; | |||
opacity: 0.7; | |||
} | |||
/* Container */ | /* Container */ | ||
| Line 62: | Line 68: | ||
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 105: | ||
/* 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 691: | Line 713: | ||
.crt-search-wrapper { | .crt-search-wrapper { | ||
flex-direction: column; | flex-direction: column; | ||
} | |||
.crt-card-subtitle { | |||
display: none; | |||
} | |||
.crt-mobile-filter-toggle { | |||
display: block; | |||
} | } | ||
.crt-mobile- | .crt-mobile-close-btn { | ||
display: block; | display: block; | ||
} | } | ||
| Line 705: | Line 735: | ||
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 874: | ||
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; | |||
} | } | ||
