fix(design-v2): !important on side rail subtitle + footer display

Vue scoped CSS hides the subtitle and footer by default; my design-v2 override of display:block tied on specificity and lost to source order. !important on the v2-only display rules forces the show. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-15 15:40:13 -04:00
parent 0bc6f389cc
commit 29cd5a4775
9 changed files with 13 additions and 11 deletions
@@ -48,13 +48,15 @@
      }
      &__wordmark { font-size: var(--text-xl); font-family: var(--font-display-v2); font-weight: 400; }

+      // !important needed because TopNav's scoped style hides these by default
+      // at the same specificity and cascades after the main bundle.
      &__sub {
-        display: block;
+        display: block !important;
        font-family: var(--font-accent-v2);
      }

      &__foot {
-        display: block;
+        display: block !important;
        margin-top: auto;
        font-family: var(--font-accent-v2);
        border-top-color: var(--color-border);
@@ -17,9 +17,9 @@
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="WeVisto" />
-    <script type="module" crossorigin src="/build/assets/index-zMEmYJqN.js"></script>
+    <script type="module" crossorigin src="/build/assets/index-Bfal6mll.js"></script>
    <link rel="modulepreload" crossorigin href="/build/assets/_plugin-vue_export-helper-BNDVmFr7.js">
-    <link rel="stylesheet" crossorigin href="/build/assets/index-BdKVu3-n.css">
+    <link rel="stylesheet" crossorigin href="/build/assets/index-PQp9NAN8.css">
  </head>
  <body>
    <div id="app"></div>