theme: fix usage of <h3> in menu matcornic#88

patrick-othmer · Sep 13, 2021 · 94fceae · 94fceae
1 parent 65cb38a
commit 94fceae
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
@@ -34,7 +34,7 @@
         {{- $disableShortcutsTitle := .Site.Params.DisableShortcutsTitle }}
         {{- with .Site.Menus.shortcuts }}
         <div id="shortcuts">
-          <h3>{{ if not $disableShortcutsTitle }}{{ T "Shortcuts-Title" }}{{ end }}</h3>
+          <div class="nav-title">{{ if not $disableShortcutsTitle }}{{ T "Shortcuts-Title" }}{{ end }}</div>
           <ul>
             {{- range sort . "Weight" }}
             <li>{{ .Pre }}<a class="padding" href="{{ .URL | absLangURL }}">{{ safeHTML .Name }}</a>{{ .Post }}</li>

diff --git a/static/css/theme-relearn.css b/static/css/theme-relearn.css
@@ -129,6 +129,6 @@ a:hover {
     color: var(--MENU-HOME-LINK-HOVER-color);
 }
 
-#shortcuts h3 {
+#sidebar .nav-title {
     color: var(--MENU-SECTIONS-LINK-HOVER-color) !important;
 }
diff --git a/static/css/theme.css b/static/css/theme.css
@@ -1127,11 +1127,16 @@ pre .copy-to-clipboard:hover {
     display: inline;
 }
 
-#sidebar #shortcuts h3 {
-    font-family: "Novacento Sans Wide", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+#sidebar .nav-title {
     color: white ;
-    margin-top:1rem;
+    font-family: "Novacento Sans Wide", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+    font-size: 2rem;
+    font-weight: 400;
+    letter-spacing: -1px;
+    line-height: 110% !important;
+    margin: 1rem 0 1rem 0;
     padding-left: 1rem;
+    text-rendering: optimizeLegibility;
 }
 
 #homelinks {