MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 27: / Line 27: @@
 td.navbox-list li { display: inline; padding-left: 4px; white-space: nowrap; }
 td.navbox-list li:before { content: "•"; padding-right: 4px; }
-/* Make galleries workable */
-ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
-  max-height: 100%;
-  top: 0;
-  padding:0;
-}
-div.gallerytext { height: 120px; line-height: 120px; padding: 0; }
-div.gallerytextwrapper { width: 120px !important; }
-div.gallerytext a { line-height: normal;  display: inline-block; vertical-align: middle; height: 120px;}
@@ Line 43: / Line 33: @@
    --tile-image-size: 120px;
    --tile-font-size: 1.1em;
-   --tile-gap: 1rem;
+   --tile-gap: 0.75rem;
    display: grid;
@@ Line 49: / Line 39: @@
    gap: var(--tile-gap);
    margin: 0 auto;
-   max-width: 1200px;
+   max-width: 100%;
+  width: fit-content;
 }
@@ Line 87: / Line 78: @@
 .tile-image img {
-   width: var(--tile-image-size);
+   width: var(--tile-image-size) !important;
-   height: var(--tile-image-size);
+   height: var(--tile-image-size) !important;
    object-fit: cover;
 }
@@ Line 96: / Line 87: @@
    font-size: var(--tile-font-size);
    border-top: 1px solid var(--border-color-muted);
-   line-height: 2;
+   height: 100%;
+}
+.tile-title span {
+  padding: 0.25rem 0.5rem;
 }
@@ Line 102: / Line 97: @@
 @media (max-width: 600px) {
    .category-tiles-container {
-     --tile-gap: 0.75rem;
+     --tile-gap: 0.5rem;
    }
@@ Line 111: / Line 106: @@
    .category-tiles-size-large {
      --tile-image-size: 120px;
-  }
-}
-@media (max-width: 400px) {
-  .category-tiles-container {
-    grid-template-columns: repeat(2, 1fr);
-    --tile-gap: 0.5rem;
-  }
-}
-@media (max-width: 300px) {
-  .category-tiles-container {
-    grid-template-columns: 1fr;
    }
 }
@@ Line 134: / Line 116: @@
      margin: 0 auto;
      display: block;
+}
+/* top bar category icons */
+#pp-symbols {
+  display: flex;
+  justify-content: center;
+  gap: 0.25rem;
+  flex-grow: 1;
+}
+/* hide top bar category icons on small screens */
+@media (max-width: 970px)
+{
+  #pp-symbols { display: none; }
 }