5441
редагування
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 1122: | Рядок 1122: | ||
margin-top: 8px !important; | margin-top: 8px !important; | ||
} | } | ||
} | |||
/* ==================================================== */ | |||
/* ВИПРАВЛЕННЯ ПОШУКУ */ | |||
/* ==================================================== */ | |||
/* Прибираємо overlay пошуку */ | |||
.overlay.search-overlay { | |||
display: none !important; | |||
} | |||
/* Робимо пошук звичайним полем без overlay */ | |||
.minerva-header .search-box .search { | |||
pointer-events: auto !important; | |||
} | |||
/* Виправляємо іконку пошуку в полі */ | |||
.minerva-header .search-box .search.minerva-icon--search { | |||
background-image: none !important; | |||
padding-left: 16px !important; | |||
} | |||
/* Додаємо іконку лупи через псевдоелемент */ | |||
.minerva-header .search-box { | |||
position: relative !important; | |||
} | |||
.minerva-header .search-box::before { | |||
content: '' !important; | |||
position: absolute !important; | |||
left: 12px !important; | |||
top: 50% !important; | |||
transform: translateY(-50%) !important; | |||
width: 16px !important; | |||
height: 16px !important; | |||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") !important; | |||
background-size: contain !important; | |||
background-repeat: no-repeat !important; | |||
z-index: 1 !important; | |||
pointer-events: none !important; | |||
} | |||
.minerva-header .search-box .search { | |||
padding-left: 40px !important; | |||
} | |||
/* ==================================================== */ | |||
/* БІЧНІ ПАНЕЛІ - НИЖЧЕ HEADER */ | |||
/* ==================================================== */ | |||
/* Ліве меню - зсув вниз */ | |||
.l-box { | |||
position: fixed; | |||
top: 80px !important; /* нижче header */ | |||
left: 20px; | |||
z-index: 100; | |||
width: 220px; | |||
background: none; | |||
border-radius: 4px; | |||
font-size: 13px; | |||
max-height: calc(100vh - 100px) !important; /* враховуємо header */ | |||
overflow-y: auto; | |||
} | |||
/* Правий бокс - зсув вниз */ | |||
.r-box, .tournament-box, .series-box { | |||
top: 80px !important; /* нижче header */ | |||
max-height: calc(100vh - 100px) !important; /* враховуємо header */ | |||
} | |||
/* ==================================================== */ | |||
/* АЛЬТЕРНАТИВА: ВИМКНУТИ MINERVA SEARCH OVERLAY */ | |||
/* ==================================================== */ | |||
/* Вимикаємо тригер який відкриває overlay */ | |||
.skin-minerva-search-trigger { | |||
pointer-events: none !important; | |||
} | |||
/* Але залишаємо сам input активним */ | |||
.minerva-header .search-box input.search { | |||
pointer-events: auto !important; | |||
cursor: text !important; | |||
} | |||
/* Ховаємо всі search overlay елементи */ | |||
.search-overlay, | |||
.overlay.search-overlay, | |||
.overlay-enabled .search-overlay { | |||
display: none !important; | |||
visibility: hidden !important; | |||
opacity: 0 !important; | |||
pointer-events: none !important; | |||
} | } | ||