| Строка 616: |
Строка 616: |
| | } | | } |
| | | | |
| | + | /* ===== Безопасное смещение поиска без ломания шапки ===== */ |
| | | | |
| − | /* ===== Поиск строго по центру шапки ===== */ | + | /* не перестраиваем шапку, только слегка двигаем поиск */ |
| − | | + | header.header-container.header-chrome > form.header { |
| − | header.header-container.header-chrome,
| |
| − | header.header-container.header-chrome > form.header, | |
| − | .header-container.header-chrome .header {
| |
| | position: relative !important; | | position: relative !important; |
| − | min-height: 58px !important;
| |
| | } | | } |
| | | | |
| − | /* контейнер поиска */
| + | header.header-container.header-chrome .search-box, |
| − | .header .search-box, | + | .header-container.header-chrome .search-box, |
| − | header .search-box { | + | .header .search-box { |
| − | width: 380px !important; | + | position: relative !important; |
| − | max-width: 380px !important; | + | left: 110px !important; /* подвинуть вправо к центру */ |
| | + | top: auto !important; |
| | + | transform: none !important; |
| | margin: 0 !important; | | margin: 0 !important; |
| − | z-index: 2 !important;
| + | width: 420px !important; |
| − | }
| |
| − | | |
| − | | |
| − | /* само поле */
| |
| − | .header .search-box .search,
| |
| − | header .search-box .search,
| |
| − | .search-box .search {
| |
| − | width: 100% !important;
| |
| − | height: 38px !important;
| |
| − | box-sizing: border-box !important;
| |
| − | }
| |
| − | | |
| − | /* ===== Штатное центрирование поиска без дубля при фокусе ===== */
| |
| − | | |
| − | header.header-container.header-chrome > form.header {
| |
| − | display: grid !important;
| |
| − | grid-template-columns: 180px 1fr 140px !important;
| |
| − | align-items: center !important;
| |
| − | column-gap: 16px !important;
| |
| − | }
| |
| − | | |
| − | /* логотип */
| |
| − | header.header-container.header-chrome .branding-box {
| |
| − | grid-column: 1 !important;
| |
| − | justify-self: start !important;
| |
| − | margin: 0 !important;
| |
| − | }
| |
| − | | |
| − | /* поиск */
| |
| − | header.header-container.header-chrome .search-box {
| |
| − | grid-column: 2 !important;
| |
| − | justify-self: center !important;
| |
| − | width: 100% !important; | |
| | max-width: 420px !important; | | max-width: 420px !important; |
| − | margin: 0 !important;
| |
| − | position: static !important;
| |
| − | transform: none !important;
| |
| − | left: auto !important;
| |
| − | top: auto !important;
| |
| | } | | } |
| | | | |
| − | /* само поле */
| + | header.header-container.header-chrome .search-box .search, |
| − | header.header-container.header-chrome .search-box .search {
| + | .header-container.header-chrome .search-box .search, |
| | + | .header .search-box .search { |
| | width: 100% !important; | | width: 100% !important; |
| | height: 38px !important; | | height: 38px !important; |
| | box-sizing: border-box !important; | | box-sizing: border-box !important; |
| − | }
| |
| − |
| |
| − | /* правые иконки */
| |
| − | header.header-container.header-chrome .minerva-user-navigation,
| |
| − | header.header-container.header-chrome .right-navigation {
| |
| − | grid-column: 3 !important;
| |
| − | justify-self: end !important;
| |
| − | margin: 0 !important;
| |
| | } | | } |