| Строка 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; |
| | } | | } |