Sticky navbar, breadcrumbs

This commit is contained in:
Faris Ansari
2018-03-29 11:23:25 +05:30
parent aab37dde86
commit c6d11467c2
5 changed files with 19 additions and 9 deletions

View File

@@ -82,7 +82,7 @@
height: 1rem;
width: 1rem;
position: absolute;
right: 1rem;
left: 1rem;
top: 50%;
transform: translateY(-50%);
}

View File

@@ -17,7 +17,7 @@
width: 1rem;
position: absolute;
right: 1rem;
left: 1rem;
top: 50%;
transform: translateY(-50%);
}

View File

@@ -1,10 +1,20 @@
<nav class="navbar" role="navigation">
<nav class="navbar top-sticky bg-white" role="navigation">
<div class="flex space-between align-item-center border-bottom ph4 pv2">
<div class="left">
<a class="logo flex align-item-center" href="{{ url_prefix }}{{ home_page or "/"}}">
<img class="logo-img mr1" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software">
<span>ERPNext.org</span>
<div class="left flex align-item-center">
<a class="logo flex align-item-center p1" href="{{ url_prefix }}{{ home_page or "/"}}">
<img class="logo-img" src="/assets/foundation/img/erpnext-logo.svg" alt="Open Source ERP Software">
<!-- <span>ERPNext.org</span> -->
</a>
<ul class="list-unstyled flex">
<li>
<span>/</span>
<a class="hover:bg-light-grey p1 border-radius" href="">Service Providers</a>
</li>
<li>
<span>/</span>
<a class="hover:bg-light-grey p1 border-radius" href="">Cloude8</a>
</li>
</ul>
</div>
<div class="right flex align-item-center">
{% include 'foundation/templates/includes/search-box.html' %}

View File

@@ -1,5 +1,5 @@
<div class="relative mr2">
<input class="pv1 pl2 pr4 border" type="text" name="query" placeholder="Search this site">
<input class="pv1 pr2 pl4 border bg-light-grey focus:bg-white" type="text" name="query" placeholder="Search this site">
<svg class="search-icon" viewBox="0 0 22.780561 22.145968" height="83.701294" width="86.099762">
<defs id="defs2" />
<g transform="translate(-54.311708,-94.201033)">

View File

@@ -4,7 +4,7 @@
<a class="fg-white" href="">Service Providers</a>
</li>
{% for list_item in ['Chapters', 'Fellowship', 'Blog'] %}
<li class="ph4 pv1 hover-light-grey">
<li class="ph4 pv1 hover:bg-light-grey">
<a href="">{{ list_item }}</a>
</li>
{% endfor %}