Commit 07ae1f50 authored by Diego Islas Ocampo's avatar Diego Islas Ocampo

Fix header width on side nav

parent f521e833
......@@ -2950,6 +2950,7 @@ img {
border-bottom: 1px solid #eee;
max-height: none;
max-height: initial;
max-width: 100%;
}
.nav--side--phablet .nav__header__logo {
......@@ -3045,6 +3046,7 @@ img {
border-bottom: 1px solid #eee;
max-height: none;
max-height: initial;
max-width: 100%;
}
.nav--side--tablet .nav__header__logo {
......@@ -3139,6 +3141,7 @@ img {
border-bottom: 1px solid #eee;
max-height: none;
max-height: initial;
max-width: 100%;
}
.nav--side--desktop .nav__header__logo {
......@@ -3233,6 +3236,7 @@ img {
border-bottom: 1px solid #eee;
max-height: none;
max-height: initial;
max-width: 100%;
}
.nav--side--desktop-large .nav__header__logo {
......
This diff is collapsed.
......@@ -26,7 +26,7 @@
<h1 class="nav__header__title">Kayros Side Navigation</h1>
</header>
<i class="nav__menu-icon fas fa-bars"></i>
<ul class="nav__content-list nav__content-list--active .nav__content-list--full">
<ul class="nav__content-list nav__content-list--active">
<li class="nav__content-list__item"><a href="#"><img src="https://aegisframework.com/img/icon.svg" class="nav__content-list__item__icon"> Some Item</a></li>
<li class="nav__content-list__item"><a href="#"><i class="nav__content-list__item__icon fas fa-bell "></i>Some Item</a></li>
<li class="nav__content-list__item"><a href="#">Some Item</a></li>
......@@ -49,9 +49,15 @@
</ul>
</nav>
<div class="hero wrapper--side-navigation--tablet wrapper--side-navigation--phablet wrapper--side-navigation--desktop wrapper--side-navigation--desktop-large ">
<div class="hero__content">
<h2>Some Header</h2>
</div>
</div>
<div class="wrapper--side-navigation--tablet wrapper--side-navigation--phablet wrapper--side-navigation--desktop wrapper--side-navigation--desktop-large padded">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non euismod turpis. Aenean laoreet non ipsum ac aliquet. Fusce vehicula et tortor sed porta. Vestibulum metus ligula, pharetra et sem in, iaculis semper ex. Nullam accumsan porta augue. Maecenas leo lorem, feugiat ut pellentesque nec, mattis molestie ligula. Nunc metus lacus, fermentum non congue ut, dapibus pretium quam. Sed eu ultrices enim. Cras auctor turpis magna, ut sodales ex lacinia at. Donec mattis dapibus aliquet. Donec eget dui laoreet, congue diam sit amet, sollicitudin orci. Phasellus quis lobortis tortor. Sed sollicitudin, felis at rhoncus porta, sem augue hendrerit orci, et finibus nulla nulla nec ligula.
Sed varius tristique odio, non scelerisque elit pellentesque scelerisque. Duis nec luctus est, et malesuada massa. Maecenas volutpat suscipit nisl in tristique. Integer lectus sapien, vestibulum ac tempus a, fermentum a sapien. Nullam efficitur, purus et gravida blandit, eros nunc scelerisque magna, non condimentum lorem lectus vel eros. Fusce scelerisque, magna in sagittis varius, justo leo pretium neque, sit amet condimentum mauris sapien id urna. Ut pellentesque gravida justo nec euismod. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent volutpat eu dui sed bibendum. Donec quis ex nec nulla varius ullamcorper vel a elit. Mauris facilisis faucibus faucibus. Proin eros nibh, sollicitudin sit amet diam sed, dignissim porttitor justo. Vestibulum venenatis facilisis quam, ut scelerisque metus auctor et. Sed dapibus pellentesque lacus id iaculis. Morbi placerat maximus efficitur.
......
......@@ -174,6 +174,7 @@
padding-bottom: 0.5rem;
border-bottom: 1px solid #eee;
max-height: initial;
max-width: 100%;
}
.nav__header__logo {
......@@ -271,6 +272,7 @@
padding-bottom: 0.5rem;
border-bottom: 1px solid #eee;
max-height: initial;
max-width: 100%;
}
.nav__header__logo {
......@@ -367,6 +369,7 @@
padding-bottom: 0.5rem;
border-bottom: 1px solid #eee;
max-height: initial;
max-width: 100%;
}
.nav__header__logo {
......@@ -463,6 +466,7 @@
padding-bottom: 0.5rem;
border-bottom: 1px solid #eee;
max-height: initial;
max-width: 100%;
}
.nav__header__logo {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment