Изменения

нет описания правки
Строка 849: Строка 849:  
     transform: translateY(-50%) !important;
 
     transform: translateY(-50%) !important;
 
     z-index: 5 !important;
 
     z-index: 5 !important;
}
  −
  −
/* На случай, если overlay живёт в том же DOM и просто показывается поверх */
  −
body .search-overlay.visible ~ #mw-mf-viewport header.header-container.header-chrome > form.header > .search-box,
  −
body .search-overlay.visible ~ .minerva-header .search-box {
  −
    visibility: hidden !important;
  −
    opacity: 0 !important;
  −
    pointer-events: none !important;
   
}
 
}
   Строка 919: Строка 911:  
}
 
}
   −
/* overlay-поиск не трогаем вообще, возвращаем штатное поведение */
+
/* ===== Когда открыт overlay-поиск, скрыть обычный поиск в шапке ===== */
.search-overlay .search-box,
+
 
.overlay.search-overlay .search-box,
+
/* обычный поиск в шапке */
.search-overlay .search,
+
header.header-container.header-chrome > form.header > .search-box {
.overlay.search-overlay .search,
+
    position: absolute !important;
.search-overlay .overlay-header.header,
+
    left: 50% !important;
.overlay.search-overlay .overlay-header.header,
+
    top: 50% !important;
.search-overlay .header-action,
+
    transform: translate(-50%, -50%) !important;
.overlay.search-overlay .header-action,
+
    width: 420px !important;
.search-overlay .cancel,
+
    max-width: 420px !important;
.overlay.search-overlay .cancel {
+
    margin: 0 !important;
 +
    z-index: 20 !important;
 +
}
 +
 
 +
/* если открыт overlay-поиск — обычный поиск прячем */
 +
body:has(.overlay.search-overlay.visible) header.header-container.header-chrome > form.header > .search-box {
 +
    display: none !important;
 +
}
 +
 
 +
/* overlay-поиск оставляем штатным */
 +
body:has(.overlay.search-overlay.visible) .overlay.search-overlay.visible .overlay-title.search-header-view > form.search-box {
 
     position: static !important;
 
     position: static !important;
     left: auto !important;
+
     width: 100% !important;
     top: auto !important;
+
     max-width: none !important;
     right: auto !important;
+
     margin: 0 !important;
 
     transform: none !important;
 
     transform: none !important;
     width: auto !important;
+
}
 +
 
 +
body:has(.overlay.search-overlay.visible) .overlay.search-overlay.visible .overlay-title.search-header-view > form.search-box > input.search {
 +
     width: 100% !important;
 
     max-width: none !important;
 
     max-width: none !important;
     margin: initial !important;
+
     box-sizing: border-box !important;
     z-index: auto !important;
+
}
 +
 
 +
/* кнопки overlay справа — штатно */
 +
body:has(.overlay.search-overlay.visible) .overlay.search-overlay.visible .header-action,
 +
body:has(.overlay.search-overlay.visible) .overlay.search-overlay.visible .clear,
 +
body:has(.overlay.search-overlay.visible) .overlay.search-overlay.visible .cancel {
 +
    position: static !important;
 +
     transform: none !important;
 
}
 
}