Центр помощи БАРЛАЙВ

Изменения

MediaWiki:Common.css (посмотреть исходный код)

Версия от 01:45, 21 апреля 2026

2711 байт убрано ,  21 апрель
нет описания правки
Строка 614: Строка 614:  
     color: #6877de !important;
 
     color: #6877de !important;
 
     text-decoration: underline !important;
 
     text-decoration: underline !important;
−
}
  −
  −
/* ===== Безопасное смещение поиска без ломания шапки ===== */
  −
  −
/* не перестраиваем шапку, только слегка двигаем поиск */
  −
header.header-container.header-chrome > form.header {
  −
    position: relative !important;
  −
}
  −
  −
header.header-container.header-chrome .search-box,
  −
.header-container.header-chrome .search-box,
  −
.header .search-box {
  −
    position: relative !important;
  −
    left: 0 !important;
  −
    top: auto !important;
  −
    transform: none !important;
  −
    margin: 0 0 0 40px !important;
  −
    width: 420px !important;
  −
    max-width: 420px !important;
  −
}
  −
  −
header.header-container.header-chrome .search-box .search,
  −
.header-container.header-chrome .search-box .search,
  −
.header .search-box .search {
  −
    width: 100% !important;
  −
    height: 38px !important;
  −
    box-sizing: border-box !important;
  −
}
  −
  −
/* ===== FIX: активный поиск — нормальная ширина, крестик отдельно ===== */
  −
  −
/* не сжимаем контейнер строки поиска */
  −
.search-overlay .overlay-header.header,
  −
.overlay.search-overlay .overlay-header.header,
  −
.overlay-header.header {
  −
    display: flex !important;
  −
    align-items: center !important;
  −
    padding-right: 0 !important;
   
}
 
}
   Строка 854: Строка 816:  
     background: #ffffff !important;
 
     background: #ffffff !important;
 
     background-color: #ffffff !important;
 
     background-color: #ffffff !important;
−
}
  −
  −
/* ===== Шапка по рабочей области, без ручного уезда влево ===== */
  −
  −
/* контейнер шапки той же ширины, что и рабочая область */
  −
header.header-container.header-chrome > form.header,
  −
.header-container.header-chrome .header {
  −
    max-width: 1400px !important;
  −
    margin-left: auto !important;
  −
    margin-right: auto !important;
  −
    padding-left: 24px !important;
  −
    padding-right: 24px !important;
  −
    box-sizing: border-box !important;
   
}
 
}
   Строка 874: Строка 823:  
     margin-left: 0 !important;
 
     margin-left: 0 !important;
 
     padding-left: 0 !important;
 
     padding-left: 0 !important;
−
}
  −
  −
/* ===== Логотип по краю рабочей области, поиск по центру ===== */
  −
  −
header.header-container.header-chrome > form.header,
  −
.header-container.header-chrome .header {
  −
    max-width: 1400px !important;
  −
    margin-left: auto !important;
  −
    margin-right: auto !important;
  −
    padding-left: 24px !important;
  −
    padding-right: 24px !important;
  −
    box-sizing: border-box !important;
  −
    position: relative !important;
   
}
 
}
   Строка 905: Строка 841:  
}
 
}
   −
/* Поиск по центру и кликабелен */
+
/* крестик overlay отдельно справа */
−
header.header-container.header-chrome > form.header,
+
.overlay.search-overlay .header-action,
−
.header-container.header-chrome .header {
+
.search-overlay .header-action {
−
     position: relative !important;
+
    position: absolute !important;
 +
    right: 12px !important;
 +
    top: 50% !important;
 +
    transform: translateY(-50%) !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;
 +
}
 +
 
 +
/* Сам overlay-поиск — штатный, без смещений */
 +
.search-overlay.visible .search-box,
 +
.overlay.search-overlay.visible .search-box {
 +
     position: static !important;
 +
    left: auto !important;
 +
    top: auto !important;
 +
    transform: none !important;
 +
    width: auto !important;
 +
    max-width: none !important;
 +
    margin: 0 !important;
 
}
 
}
   −
header.header-container.header-chrome .search-box .search,
+
/* И его поле на всю доступную ширину */
−
.header-container.header-chrome .search-box .search,
+
.search-overlay.visible .search,
−
.header .search-box .search {
+
.overlay.search-overlay.visible .search {
 
     width: 100% !important;
 
     width: 100% !important;
−
     height: 38px !important;
+
     max-width: none !important;
 +
}
 +
 
 +
/* ===== ЕДИНСТВЕННЫЕ ПРАВИЛА ДЛЯ ПОИСКА ===== */
 +
 
 +
/* контейнер шапки по ширине рабочей области */
 +
header.header-container.header-chrome > form.header {
 +
    max-width: 1400px !important;
 +
    margin-left: auto !important;
 +
    margin-right: auto !important;
 +
    padding-left: 24px !important;
 +
    padding-right: 24px !important;
 
     box-sizing: border-box !important;
 
     box-sizing: border-box !important;
 
     position: relative !important;
 
     position: relative !important;
−
    z-index: 21 !important;
  −
    pointer-events: auto !important;
   
}
 
}
   −
/* ===== Обычный поиск в шапке: по центру ===== */
+
/* логотип у левого края рабочей области */
−
header.header-container.header-chrome > form.header {
+
header.header-container.header-chrome .branding-box,
−
     position: relative !important;
+
header .branding-box {
 +
     margin-left: 0 !important;
 +
    padding-left: 0 !important;
 
}
 
}
    +
/* только обычный поиск в шапке */
 
header.header-container.header-chrome > form.header > .search-box {
 
header.header-container.header-chrome > form.header > .search-box {
 
     position: absolute !important;
 
     position: absolute !important;
Строка 932: Строка 904:  
     top: 50% !important;
 
     top: 50% !important;
 
     transform: translate(-50%, -50%) !important;
 
     transform: translate(-50%, -50%) !important;
−
    margin: 0 !important;
   
     width: 420px !important;
 
     width: 420px !important;
 
     max-width: 420px !important;
 
     max-width: 420px !important;
 +
    margin: 0 !important;
 
     z-index: 20 !important;
 
     z-index: 20 !important;
−
    pointer-events: auto !important;
   
}
 
}
    +
/* само поле обычного поиска */
 
header.header-container.header-chrome > form.header > .search-box .search {
 
header.header-container.header-chrome > form.header > .search-box .search {
 
     width: 100% !important;
 
     width: 100% !important;
Строка 945: Строка 917:  
     position: relative !important;
 
     position: relative !important;
 
     z-index: 21 !important;
 
     z-index: 21 !important;
−
    pointer-events: auto !important;
  −
}
  −
  −
/* ===== АКТИВНЫЙ overlay-поиск: вернуть штатную раскладку ===== */
  −
.overlay.search-overlay .overlay-header.header,
  −
.search-overlay .overlay-header.header,
  −
.overlay .overlay-header.header {
  −
    position: relative !important;
   
}
 
}
    +
/* overlay-поиск не трогаем вообще, возвращаем штатное поведение */
 +
.search-overlay .search-box,
 
.overlay.search-overlay .search-box,
 
.overlay.search-overlay .search-box,
−
.search-overlay .search-box,
+
.search-overlay .search,
−
.overlay .search-box {
  −
    position: static !important;
  −
    left: auto !important;
  −
    top: auto !important;
  −
    transform: none !important;
  −
    width: auto !important;
  −
    max-width: none !important;
  −
    margin: 0 !important;
  −
    z-index: auto !important;
  −
}
  −
 
   
.overlay.search-overlay .search,
 
.overlay.search-overlay .search,
−
.search-overlay .search,
+
.search-overlay .overlay-header.header,
−
.overlay .search {
+
.overlay.search-overlay .overlay-header.header,
−
    width: 100% !important;
+
.search-overlay .header-action,
−
    max-width: none !important;
  −
    height: 38px !important;
  −
    box-sizing: border-box !important;
  −
}
  −
 
  −
/* крестик overlay отдельно справа */
   
.overlay.search-overlay .header-action,
 
.overlay.search-overlay .header-action,
−
.search-overlay .header-action {
+
.search-overlay .cancel,
−
    position: absolute !important;
+
.overlay.search-overlay .cancel {
−
    right: 12px !important;
  −
    top: 50% !important;
  −
    transform: translateY(-50%) !important;
  −
    z-index: 5 !important;
  −
}
  −
 
  −
/* ===== Когда открыт overlay-поиск, скрыть обычный поиск в шапке ===== */
  −
 
  −
.search-overlay.visible ~ * header.header-container.header-chrome > form.header > .search-box,
  −
.search-overlay.visible header.header-container.header-chrome > form.header > .search-box {
  −
    visibility: hidden !important;
  −
    opacity: 0 !important;
  −
    pointer-events: none !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;
  −
}
  −
 
  −
/* Сам overlay-поиск — штатный, без смещений */
  −
.search-overlay.visible .search-box,
  −
.overlay.search-overlay.visible .search-box {
   
     position: static !important;
 
     position: static !important;
 
     left: auto !important;
 
     left: auto !important;
 
     top: auto !important;
 
     top: auto !important;
 +
    right: auto !important;
 
     transform: none !important;
 
     transform: none !important;
 
     width: auto !important;
 
     width: auto !important;
 
     max-width: none !important;
 
     max-width: none !important;
−
     margin: 0 !important;
+
     margin: initial !important;
−
}
+
     z-index: auto !important;
−
 
  −
/* И его поле на всю доступную ширину */
  −
.search-overlay.visible .search,
  −
.overlay.search-overlay.visible .search {
  −
    width: 100% !important;
  −
     max-width: none !important;
   
}
 
}
Источник — https://wiki.barlive.ru/wiki/Служебная:Сравнение_версий/614