MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 39: / Line 39: @@
      vertical-align: middle;
 }
 .vector-header-start {
      display: flex;
@@ Line 97: / Line 98: @@
 .hover-table img:hover {
      transform: scale(1.1);
-}
-/* Mobile Responsive adjustments */
-@media (max-width: 768px) {
-  .hover-table td {
-    display: inline-block;
-    width: 45%;
-    box-sizing: border-box;
-    text-align: center;
-    vertical-align: top;
-    padding: 10px;
-  }
-  .hover-table tr {
-    display: block;
-  }
 }
@@ Line 136: / Line 122: @@
 }
+/* Name text under icons */
 .hover-table td span {
      display: inline-block;
@@ Line 146: / Line 133: @@
 }
+/* Mobile Responsive adjustments */
 @media (max-width: 768px) {
-.hover-table td span {
+    .hover-table td span {
-    display: inline-block;
+        font-size: 11px;
-    max-width: 100%;
+        white-space: normal; /* allow wrapping if needed */
-    text-align: center;
+        word-break: break-word;
-    font-size: 15px;
+        line-height: 1.2;
-    white-space: nowrap;
+    }
-    overflow: hidden;
-    text-overflow: ellipsis;
-    line-height: 1.2;
-}
-@media (max-width: 768px) {
+    .hover-table img {
-  .hover-table td span {
+        width: 80px;
-    font-size: 11px;
+        height: 80px;
-    white-space: normal; /* allow wrapping if needed */
+     }
-     word-break: break-word;
-  }
-  .hover-table img {
+    .hover-table td {
-    width: 80px;
+        display: inline-block;
-    height: 80px;
+        width: 50%; /* 2 columns per row */
-  }
+        box-sizing: border-box;
+        text-align: center;
+        vertical-align: top;
+        padding: 6px;
+    }
-  .hover-table td {
+    .hover-table tr {
-    width: 50%; /* full two columns per row */
+        display: block;
-     padding: 6px;
+     }
-  }
 }
 /* Hide template spacer on mobile */
 @media screen and (max-width: 768px) {
-  .desktop-only-spacer {
+    .desktop-only-spacer {
-    display: none !important;
+        display: none !important;
-  }
+    }
 }