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

Отримано з https://darnytsa.hero.kyivcity.gov.ua/w/index.php/MediaWiki:Common.css

@@ Рядок 1: / Рядок 1: @@
-/* Стилі для кіоскового режиму */
+/* В MediaWiki:Common.css */
-@media (max-width: 768px), (pointer: coarse) {
+/* Принудительное отображение кнопки закрытия даже в режиме зума */
-     .mw-ui-button {
+.mw-mmv-close {
-        min-height: 50px !important;
+    display: block !important;
-        padding: 15px 25px !important;
+    opacity: 1 !important;
-         font-size: 20px !important;
+    visibility: visible !important;
+    z-index: 100000 !important; /* Максимальный z-index */
+    pointer-events: all !important;
+}
+/* Увеличение и выделение кнопки закрытия */
+.mw-mmv-close {
+    width: 80px !important;
+    height: 80px !important;
+    background: rgba(255, 0, 0, 0.9) !important;
+    border: 3px solid white !important;
+    box-shadow: 0 0 20px rgba(0,0,0,0.8) !important;
+}
+.mw-mmv-close:before, .mw-mmv-close:after {
+    background: white !important;
+    width: 40px !important;
+    height: 6px !important;
+    top: 50% !important;
+    left: 50% !important;
+    margin-left: -20px !important;
+}
+/* Затемнение фона для лучшей видимости кнопки */
+.mw-mmv-overlay {
+    background: rgba(0,0,0,0.95) !important;
+/* Стилі для нових елементів меню */
+#p-navigation .toggle-list-item {
+    border-bottom: 1px solid #333 !important;
+}
+#p-navigation .toggle-list-item:first-child {
+    border-top: 1px solid #333 !important;
+}
+.menu__item--mainpage,
+.menu__item--randompage {
+    display: flex !important;
+    align-items: center !important;
+    padding: 14px 16px !important;
+    color: #ffffff !important;
+    text-decoration: none !important;
+    font-size: 16px !important;
+}
+.menu__item--mainpage:hover,
+.menu__item--randompage:hover {
+    background-color: #2a2a2a !important;
+    color: #ffcc00 !important;
+}
+.minerva-icon--home,
+.minerva-icon--die {
+    width: 22px !important;
+    height: 22px !important;
+    margin-right: 12px !important;
+    filter: brightness(0) invert(1) !important;
+}
+}
+/* =========================
+   ПРИХОВАННЯ ОСТАННЬОЇ ЗМІНИ В МОБІЛЬНІЙ ВЕРСІЇ
+   ========================= */
+/* Приховати останню зміну в мобільній версії */
+@media screen and (max-width: 768px) {
+    .last-modified-bar,
+    a[href*="action=history"],
+    .minerva-footer .last-modified-bar,
+    .minerva-footer a[href*="action=history"] {
+        display: none !important;
+    }
+}
+/* Специфічні селектори для Minerva теми */
+.skin-minerva .last-modified-bar,
+.skin-minerva a.last-modified-bar {
+     display: none !important;
+}
+/* Приховати конкретний блок з історією редагувань */
+.minerva-footer .last-modified-bar,
+.last-modified-bar__content,
+a[title="Переглянути історію редагувань цієї сторінки."] {
+    display: none !important;
+}
+/* Альтернативні селектори */
+.last-modified-bar,
+[class*="last-modified"],
+[class*="modified-history"] {
+    display: none !important;
+}
+/* =========================
+   ПРИХОВАННЯ "МОВА" ТА "ПЕРЕГЛЯНУТИ КОД" В МОБІЛЬНІЙ ВЕРСІЇ
+   ========================= */
+/* Приховати мову та переглянути код в мобільній версії */
+@media screen and (max-width: 768px) {
+    /* Приховати мову */
+    #language-selector,
+    #p-views .language-selector,
+    .page-actions-menu__list-item:has(#language-selector),
+    a[title="Мова"],
+    a[href*="#language-selector"],
+    .cdx-button[aria-label*="Мова"] {
+         display: none !important;
      }
-     /* Збільшуємо область кліку */
+     /* Приховати переглянути код (якщо є) */
-     a {
+    #ca-viewsource,
-        min-height: 44px !important;
+    #ca-edit,
-         display: flex !important;
+    a[href*="action=edit"],
-        align-items: center !important;
+     a[href*="veaction=edit"],
+    a[title*="редагувати"],
+    a[title*="переглянути код"] {
+         display: none !important;
      }
+}
+/* Специфічні селектори для Minerva теми */
+.skin-minerva #language-selector,
+.skin-minerva #ca-viewsource,
+.skin-minerva #ca-edit {
+    display: none !important;
+}
+/* Приховати всю панель дій, якщо потрібно */
+.skin-minerva .page-actions-menu {
+    display: none !important;
+}
+/* Альтернативні селектори */
+.language-selector,
+[title="Мова"],
+[data-event-name="menu.languages"],
+.minerva-icon--language {
+    display: none !important;
+}
+/* Приховати конкретні елементи за текстом */
+.page-actions-menu__list-item:has(a:contains("Мова")),
+.page-actions-menu__list-item:has(a:contains("Код")) {
+    display: none !important;
 }