MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 26: / Line 26: @@
 }
-/* ── Base ────────────────────────────────────────────────────────
+/* ── Base ────────────────────────────────────────────────────────*/
-   font-size NOT !important — ReaderToolbar JS owns it.
-   ────────────────────────────────────────────────────────────────*/
 .mw-parser-output {
    font-size: 20px;
    line-height: 1.75;
    color: #555;
-   max-width: 820px;
+   max-width: 100%;
-   margin: 0 auto;
+  width: 100%;
+   margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }
@@ Line 390: / Line 391: @@
     Lists all adhyayas as links, floats right like reference site
     ────────────────────────────────────────────────────────────────*/
+/* ── Page layout — flex row: content 80% + nav 20% ──────────────*/
+.gr-page-wrap {
+  display: flex;
+  align-items: flex-start;
+  gap: 0;
+  width: 100%;
+}
+.gr-content {
+  flex: 1 1 0;
+  min-width: 0;
+  padding: 0 32px 0 0;
+}
 .gr-chapter-nav {
-   position: fixed;
+   flex: 0 0 210px;
-   top: 80px;
+   width: 210px;
-   right: 20px;
+   position: sticky;
-   width: 200px;
+   top: 70px;
-   max-height: calc(100vh - 100px);
+   max-height: calc(100vh - 90px);
    overflow-y: auto;
    padding: 10px 14px 12px;
@@ Line 403: / Line 418: @@
    font-size: 0.75em;
    line-height: 1.85;
-  z-index: 100;
    box-sizing: border-box;
+  align-self: flex-start;
 }
-/* On narrow screens where nav would cover content, hide it */
+@media (max-width: 900px) {
-@media (max-width: 1200px) {
+  .gr-page-wrap { display: block; }
    .gr-chapter-nav { display: none; }
+  .gr-content { padding-right: 0; }
 }
@@ Line 430: / Line 446: @@
 .gr-doc-teekas { margin-bottom: 1em; }
-@media (max-width: 720px) {
-  .gr-chapter-nav { float: none; margin: 0 0 1em; max-width: 100%; }
-}
 /* ── Main page (gr-home) — card grid like reference site ─────────*/