MediaWiki:Common.css: Difference between revisions

← Older edit

MediaWiki:Common.css (view source)

Revision as of 14:30, 11 November 2025

1,398 bytes added , 14:30, 11 November 2025

no edit summary

Gurwinder

Bureaucrats, Interface administrators, Administrators, Widget editors

264

edits

@@ Line 175: / Line 175: @@
 }
 @media only screen and (max-width: 767px) {
-     .pre-content h1,
+     .pre-content h1, .content h1, .content h2 {
-    .content h1,
+         display: block !important;
-    .content h2 {
-         display: none;
      }
 }
 .mw-parser-output a.external {
      background-image: none !important;
+    padding-right: 0px !important;
 }
 .mw-ui-button.mw-ui-progressive:not(:disabled) {
@@ Line 188: / Line 187: @@
 }
 #editpage-specialchars {
-     position: fixed; /* Make it sticky */
+     position: sticky;
-     top: 20px; /* Distance from the top of the viewport */
+     top: 0;
-    right: 20px; /* Distance from the right side of the viewport */
+     z-index: 1000;
-    width: 200px; /* Set the desired width */
+     background-color: white;
-    max-height: 90vh; /* Maximum height relative to viewport */
+     height: 50px;
-    overflow-y: auto; /* Scroll content if it overflows */
+     overflow-y: auto;
-     z-index: 1000; /* Ensure it stays on top */
+     overflow-x: hidden;
-     background-color: #f9f9f9; /* Optional: background color */
-     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Optional: shadow */
-     padding: 10px; /* Optional: padding inside the box */
-     border-radius: 5px; /* Optional: rounded corners */
 }
+nav#p-coll-print_export {
+    display: none;
+}
+/* === Tree-chart overrides (scoped, safe) ===
+   Fixes large font / justification / padding inherited from the site-wide rules.
+*/
+.tree-chart-table {
+  border-collapse: collapse !important;
+  border-spacing: 0 !important;
+  vertical-align: top !important;
+  /* prevent the large site font from inflating connector cells */
+  font-size: 14px !important;       /* tune this if you want bigger/smaller boxes */
+  line-height: 1 !important;
+  text-align: center !important;    /* center boxed labels; connectors use borders */
+  font-family: inherit !important;  /* use same family but scaled down */
+}
+/* Make connector cells truly tiny and not affected by global padding/justify */
+.tree-chart-table td {
+  padding: 0 !important;
+  margin: 0 !important;
+  vertical-align: top !important;
+  box-sizing: border-box !important;
+  white-space: nowrap !important;
+  line-height: 1 !important;
+}
+/* Boxed content cells (the visible labeled boxes) — provide readable padding */
+.tree-chart-table td[style*="border: 2px solid"],
+.tree-chart-table td[style*="border:2px solid"] {
+  padding: 0.35em 0.9em !important; /* tweak if you want larger/smaller boxes */
+  white-space: normal !important;
+  font-size: 1em !important;        /* relative to the .tree-chart-table font-size above */
+  text-align: center !important;
+}
+/* Ensure very small connector cells keep fixed dimensions */
+.tree-chart-table td[style*="height:1em"],
+.tree-chart-table td[style*="height: 1em"] {
+  height: 1em !important;
+  min-height: 1em !important;
+  max-height: 1em !important;
+}
+/* Keep border styles visible on tiny cells */
+.tree-chart-table td { border-collapse: collapse !important; }
+/* Optional debug aid (uncomment while adjusting) */
+/* .tree-chart-table td { outline: 1px solid rgba(0,0,0,0.05) !important; } */