MediaWiki:Common.css: відмінності між версіями

нема опису редагування
Немає опису редагування
Немає опису редагування
Рядок 9: Рядок 9:
html {
html {
     overflow-y: scroll !important;
     overflow-y: scroll !important;
     scrollbar-gutter: stable !important;
     scrollbar-gutter: auto !important;
}
}


Рядок 601: Рядок 601:


.mcc-scroll-outer { position: relative; border-radius: 6px; overflow: hidden; }
.mcc-scroll-outer { position: relative; border-radius: 6px; overflow: hidden; }
.mcc-scroll-outer::after {
.mcc-scroll-outer::after { display: none !important; }
    content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 32px;
.mcc-scroll-outer.mcc-no-fade::after { display: none !important; }
    background: linear-gradient(to right, transparent, rgba(15,14,22,0.88));
    pointer-events: none; transition: opacity 0.2s;
}
.mcc-scroll-outer.mcc-no-fade::after { opacity: 0; }
.mcc-scroll-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(161,156,224,0.25) transparent; }
.mcc-scroll-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(161,156,224,0.25) transparent; }
.mcc-scroll-inner::-webkit-scrollbar { height: 4px; }
.mcc-scroll-inner::-webkit-scrollbar { height: 4px; }
Рядок 802: Рядок 798:
.header-banner__search button { padding: 12px 20px; font-size: 14px; font-weight: 600; font-family: 'Manrope', sans-serif; border: none; border-radius: 6px; background: #3b82f6; color: #fff; cursor: pointer; }
.header-banner__search button { padding: 12px 20px; font-size: 14px; font-weight: 600; font-family: 'Manrope', sans-serif; border: none; border-radius: 6px; background: #3b82f6; color: #fff; cursor: pointer; }


/* ── вставити в кінець Common.css ── */


/* 1. ПРАВИЙ ВІДСТУП — прибираємо scrollbar-gutter */
/* ── NAV overlap fix: ensure r-box below header ── */
html {
@media screen and (min-width: 1200px) {
    scrollbar-gutter: auto !important;
     .r-box, .tournament-box, .series-box {
}
         top: 56px !important;
 
/* 2. R-BOX — ширина = відступ контенту, без зазору */
.r-box,
.tournament-box,
.series-box {
    width: 300px !important;
    right: 0 !important;
}
 
@media screen and (min-width: 1000px) {
     .banner-container,
    .content,
    .pre-content,
    .post-content,
    #mw-content-text,
    .overlay-header {
         margin-right: 300px !important;
     }
     }
}
/* 3. R-BOX NAV — не ховається під header
  top: 56px вже є, але minerva header може бути вищим */
.r-box,
.tournament-box,
.series-box {
    top: 56px !important;
}
}