6369
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 1361: | Рядок 1361: | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
.header-banner__logo > span:last-child { display: none; } | .header-banner__logo > span:last-child { display: none; } | ||
} | |||
/* ============================================================ | |||
ФІКС 1 — Широка таблиця "Запис ігор" горизонтальний скрол | |||
CSS-only підхід через display:block на таблиці | |||
============================================================ */ | |||
.content .mw-parser-output .wikitable.wide-table, | |||
.content .mw-parser-output .wikitable.full-width, | |||
.content .mw-parser-output .wikitable.mcc-wide { | |||
display: block !important; | |||
overflow-x: auto !important; | |||
-webkit-overflow-scrolling: touch !important; | |||
max-width: 100% !important; | |||
/* Зберігаємо thead/tbody правильним */ | |||
white-space: nowrap !important; | |||
} | |||
/* Всередині wide таблиць — cells можуть переносити */ | |||
.content .mw-parser-output .wikitable.wide-table td, | |||
.content .mw-parser-output .wikitable.full-width td { | |||
white-space: nowrap !important; | |||
font-size: 13px !important; | |||
padding: 8px 10px !important; | |||
} | |||
/* ============================================================ | |||
ФІКС 2 — Profile icons: 4 в ряд | |||
============================================================ */ | |||
.r-box .profile-links { | |||
border-top: 1px solid rgba(255,255,255,0.07); | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | |||
.r-box .profile-links-icons, | |||
.profile-links-icons { | |||
display: grid !important; | |||
grid-template-columns: repeat(4, 1fr) !important; | |||
grid-template-rows: 1fr !important; | |||
gap: 0 !important; | |||
width: 100% !important; | |||
} | |||
.r-box .profile-icon, | |||
.profile-icon { | |||
display: flex !important; | |||
align-items: center !important; | |||
justify-content: center !important; | |||
padding: 14px 6px !important; | |||
border-right: 1px solid rgba(255,255,255,0.07) !important; | |||
background: rgba(24,21,30,0.4) !important; | |||
transition: background 0.14s !important; | |||
cursor: pointer !important; | |||
min-width: 0 !important; | |||
width: auto !important; | |||
float: none !important; | |||
flex: none !important; | |||
} | |||
.r-box .profile-icon:last-child, | |||
.profile-icon:last-child { | |||
border-right: none !important; | |||
} | |||
.r-box .profile-icon:hover:not(.inactive) { | |||
background: #373752 !important; | |||
} | |||
.r-box .profile-icon img, | |||
.profile-icon img { | |||
width: 24px !important; | |||
height: 24px !important; | |||
object-fit: contain !important; | |||
display: block !important; | |||
/* скидаємо MediaWiki обгортку посилання */ | |||
max-width: 24px !important; | |||
} | |||
/* MediaWiki додає <a> та <span> всередині [[File:]] */ | |||
.profile-icon a, | |||
.profile-icon span[typeof="mw:File"], | |||
.profile-icon .mw-file-description { | |||
display: flex !important; | |||
align-items: center !important; | |||
justify-content: center !important; | |||
width: 100% !important; | |||
height: 100% !important; | |||
} | |||
.profile-icon .mw-file-description img { | |||
width: 24px !important; | |||
height: 24px !important; | |||
max-width: 24px !important; | |||
} | |||
/* Inactive — чб + 30% */ | |||
.profile-icon.inactive { | |||
opacity: 0.28 !important; | |||
pointer-events: none !important; | |||
cursor: default !important; | |||
} | |||
.profile-icon.inactive img, | |||
.profile-icon.inactive .mw-file-description img { | |||
filter: grayscale(100%) !important; | |||
} | |||
/* ============================================================ | |||
ФІКС 3 — Вінрейт кольори (підтримка різних форматів %) | |||
============================================================ */ | |||
/* CSS-fallback для відомих діапазонів у таблицях де JS не спрацював. | |||
JS-функція applyWinrateColors() також запускається — це страховка. */ | |||
/* Ці класи додає JS — визначаємо чіткіше */ | |||
.wikitable td.wr-hi, | |||
.wikitable td.wr-hi * { color: #5aaa80 !important; } | |||
.wikitable td.wr-lo, | |||
.wikitable td.wr-lo * { color: #c06070 !important; } | |||
/* ============================================================ | |||
ФІКС 4 — R-box трохи ширший (більше місця для рядків) | |||
============================================================ */ | |||
.r-box, | |||
.tournament-box, | |||
.series-box { | |||
width: 310px !important; | |||
} | |||
.r-box-info-table th, | |||
.r-box-info-table td { | |||
padding: 9px 14px !important; | |||
font-size: 12.5px !important; | |||
} | |||
/* "Мін. к-сть ігор" — текст не переносить дивно */ | |||
.r-box-info-table th { | |||
white-space: nowrap !important; | |||
} | |||
.r-box-info-table td { | |||
word-break: break-word !important; | |||
white-space: normal !important; | |||
} | } | ||