#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>