FIX: Main Nav width on Search page (#150)

closes #150
dwhieb · Jul 17, 2024 · 3123588 · 3123588
1 parent 4bb7beb
commit 3123588
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 26 deletions.
diff --git a/layouts/main/components/nav/nav.css b/layouts/main/components/nav/nav.css
@@ -7,12 +7,6 @@
   font-size:        1.125em;
   font-weight:      500;
 
-  /* Necessary to override the width setting for the `.sticky` class. */
-  &.sticky {
-    inline-size:     100vw;
-    max-inline-size: 100vw;
-  }
-
   & a {
 
     display:     block;

diff --git a/pages/Search/Search.css b/pages/Search/Search.css
@@ -59,26 +59,6 @@ body {
 
 }
 
-.priority {
-  align-items:        center;
-  background-color:   var(--pink-swan);
-  block-size:         1em;
-  border-radius:      50%;
-  color:              black;
-  content:            attr(data-priority);
-  display:            flex;
-  font-size:          small;
-  inline-size:        1em;
-  inset-block-start:  0;
-  inset-inline-start: 0;
-  justify-content:    center;
-  padding:            0.75em;
-  position:           absolute;
-  text-align:         center;
-  transform:          translate(50%, -50%);
-  vertical-align:     middle;
-}
-
 /* NB: The .sticky class is applied conditionally in the footer Handlebars template. */
 .footer {
 
@@ -131,6 +111,26 @@ h2 {
   box-shadow: 0px 15px 0px -14px black;
 }
 
+.priority {
+  align-items:        center;
+  background-color:   var(--pink-swan);
+  block-size:         1em;
+  border-radius:      50%;
+  color:              black;
+  content:            attr(data-priority);
+  display:            flex;
+  font-size:          small;
+  inline-size:        1em;
+  inset-block-start:  0;
+  inset-inline-start: 0;
+  justify-content:    center;
+  padding:            0.75em;
+  position:           absolute;
+  text-align:         center;
+  transform:          translate(50%, -50%);
+  vertical-align:     middle;
+}
+
 #results {
 
   border-collapse: separate; /* This is necessary for borders to stay fixed with position: sticky */