1029
правок
Изменения
нет описания правки
}
}
/* ===== FIX: крестик в активном поиске не наезжает на текст ===== */
/* ===== FIX: активный поиск — нормальная ширина, крестик отдельно ===== */
/* контейнер шапки активного поиска */
/* не сжимаем контейнер строки поиска */
.search-overlay .overlay-header.header,
.overlay.search-overlay .overlay-header.header,
.overlay-header.header {
.overlay-header.header {
display: flex !important;
padding-right: 44px !important; /* место под крестик */
align-items: center !important;
padding-right: 0 !important;
}
/* блок с полем занимает всю доступную ширину */
.search-overlay .search-header-view,
.overlay.search-overlay .search-header-view,
.search-overlay .overlay-title {
flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
padding-right: 0 !important;
margin-right: 48px !important; /* резерв под крестик */
box-sizing: border-box !important;
box-sizing: border-box !important;
}
}
/* область с полем/заголовком поиска */
/* само поле поиска — на всю ширину блока */
.overlay-header .search-header-view,
.search-overlay .search-box,
.overlay-header .overlay-title,
.search-overlay input[type="search"],
.overlay-header .search-box,
.search-overlay .search,
.overlay-header input[type="search"],
.overlay.search-overlay .search-box,
.overlay-header .search {
.overlay.search-overlay input[type="search"],
padding-right: 44px !important;
.overlay.search-overlay .search {
width: 100% !important;
max-width: none !important;
padding-right: 16px !important;
box-sizing: border-box !important;
box-sizing: border-box !important;
}
}
/* сама кнопка-крестик */
/* кнопка-крестик — отдельно справа */
.search-overlay .header-action,
.search-overlay .cancel,
.overlay.search-overlay .header-action {
.overlay .cancel.mw-ui-icon {
position: absolute !important;
position: absolute !important;
right: 10px !important;
right: 12px !important;
top: 50% !important;
top: 50% !important;
transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
margin: 0 !important;
margin: 0 !important;
z-index: 5 !important;
z-index: 5 !important;
}
.search-overlay .cancel,
.overlay.search-overlay .cancel,
.overlay .cancel.mw-ui-icon {
position: static !important;
margin: 0 !important;
}
}