#264: Add organization to nav menu

vivo-community · Jun 18, 2020 · 9893d72 · 9893d72
1 parent a7beb70
commit 9893d72
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/assets/js/elements/site-header.js b/assets/js/elements/site-header.js
@@ -44,9 +44,12 @@ class SiteHeader extends LitElement {
         color: white;
         justify-content: space-evenly;
       }
+      #navigation {
+        width: 35%;
+      }
       ::slotted([slot="nav-item"]){
         font-size: calc(1em + .5vw);
-        margin-right: 10%;
+        margin-right: 5%;
         text-decoration: none;
         color: white !important;
         white-space: nowrap;
@@ -65,7 +68,7 @@ class SiteHeader extends LitElement {
          max-width: 380px;
        }
       }
-      @media (max-width: 725px){
+      @media (max-width: 950px){
         #menu-button {
           display: flex;
           background: none;
@@ -99,7 +102,7 @@ class SiteHeader extends LitElement {
         }
         ::slotted([slot="nav-item"]){
           font-size: 1em;
-          padding: 7.5% 0 7.5% 0;
+          padding-bottom: 7%;
           margin: 0;
           text-align: center;
         }

diff --git a/templates/_header_content.html b/templates/_header_content.html
@@ -1,7 +1,8 @@
 <a slot="title" href="/">
-  <img id="site-logo" src="<%= assetPath("images/"+ThemeVariable("siteLogo")) %>" 
+  <img id="site-logo" src="<%= assetPath("images/"+ThemeVariable("siteLogo")) %>"
     alt="<%= ThemeVariable("siteName") %>">
 </a>
 <a slot="nav-item" href="/pages/about"><%= t("about") %></a>
+<a slot="nav-item" href="/pages/organizations">Organizations</a>
 <a slot="nav-item" href="/search/?search=*"><%= t("browse") %></a>
 <a slot="nav-item" href=""><%= t("sign_in") %></a>