_includes/appscms/navbars/navbar.html in appscms-tools-theme-4.7.1 vs _includes/appscms/navbars/navbar.html in appscms-tools-theme-4.7.2
- old
+ new
@@ -49,11 +49,12 @@
}
.result-item a{
color: #222325;
}
.searchbarResults{
-
+ overflow: scroll;
+ height: 60vh;
background-color: #fff;
border: 1px solid #e4e5e7;
border-radius: 6px;
-webkit-box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
@@ -80,31 +81,34 @@
<a href="/" aria-label="home-page"> {{siteData.navbarBrandLogoSvg}} </a>
{%- elsif siteData.navbarBrandText -%}
<span> {{siteData.navbarBrandText}}
{%- else -%}
{%- endif -%}
- {%- if site.navigationSearch -%}
- <div class="nav-search">
- <div class="search-container">
- <input type="text" class="search-input" placeholder="Search Tools">
-
- <button class="search-button">
- <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M16.6725 16.6412L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
- </button>
- </div>
-
- <div id="results" class="searchbarResults"></div>
- </div>
- {%- endif -%}
+ <div class="d-flex align-items-center">
+ {%- if site.navigationSearch -%}
+ <div class="nav-search mr-4">
+ <div class="search-container">
+ <input type="text" class="search-input" placeholder="Search Tools">
+
+ <button class="search-button">
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M16.6725 16.6412L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
+ </button>
+ </div>
+ <div id="results" class="searchbarResults"></div>
+ </div>
+ {%- endif -%}
- {%- if siteData.navItems -%}
- <div class="appscms-navbar-nav-links">
- {%- for item in siteData.navItems -%}
- <a class="appscms-nav-link" href="{{item.url}}">{{item.name}}</a>
- {%- endfor -%}
+
+ {%- if siteData.navItems -%}
+ <div class="appscms-navbar-nav-links">
+ {%- for item in siteData.navItems -%}
+ <a class="appscms-nav-link" href="{{item.url}}">{{item.name}}</a>
+ {%- endfor -%}
+ </div>
+ {%- endif -%}
</div>
- {%- endif -%}
+
<div id="hamburger" data-open="false" class="hamburger">
<svg
style="font-size:25px"
stroke="currentColor"
fill="currentColor"