kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

navbar menu icon visible when long logo text

This commit is contained in:
zzossig 2020-02-11 10:01:38 +09:00
parent 95cf4c1132
commit 8fee402235
3 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/sass/components/_search.scss
View File

@ -347,7 +347,8 @@
@include animation('slide-in-down .5s .25s 1 ease both'); @include animation('slide-in-down .5s .25s 1 ease both');
@include themify($themes) { @include themify($themes) {
color: themed('burger-menu-color'); color: themed('burger-menu-color');
background-color: themed('navbar-background-color');
@include on-event { @include on-event {
color: themed('link-hover'); color: themed('link-hover');
} }

14
assets/sass/layout/_navigation.scss
View File

@ -10,7 +10,7 @@
top: 0; top: 0;
&[data-dir="rtl"] { &[data-dir="rtl"] {
direction: rtl; direction: rtl;
} }
&[data-dir="ltr"] { &[data-dir="ltr"] {
@ -46,7 +46,7 @@
} }
@include themify($themes) { @include themify($themes) {
background-color: themed('navbar-background-color'); background-color: themed('navbar-background-color') !important;
@include on-event { @include on-event {
background-color: themed('navbar-menu-hover-background-color'); background-color: themed('navbar-menu-hover-background-color');
} }
@ -71,19 +71,22 @@
&__burger { &__burger {
display: none; display: none;
position: relative;
@include animation('slide-in-down .5s .0s 1 ease both'); @include animation('slide-in-down .5s .0s 1 ease both');
@media only screen and (max-width: 769px) { @media only screen and (max-width: 769px) {
cursor: pointer; cursor: pointer;
margin-left: auto; margin-left: auto;
position: relative;
height: $grid_navbar_height; height: $grid_navbar_height;
width: 35px; width: 35px;
position: absolute;
right: 0;
@include flexbox(); @include flexbox();
@include align-items(center); @include align-items(center);
@include justify-content(flex-end); @include justify-content(flex-end);
@include themify($themes) {
background: themed('navbar-background-color');
}
span { span {
@include themify($themes) { @include themify($themes) {
@ -99,6 +102,7 @@
transition-duration: 86ms; transition-duration: 86ms;
transition-property: background-color, opacity, transform; transition-property: background-color, opacity, transform;
transition-timing-function: ease-out; transition-timing-function: ease-out;
z-index: z('navbar');
width: 16px; width: 16px;
&:nth-child(1) { &:nth-child(1) {
top: calc(50% - 6px); top: calc(50% - 6px);
@ -198,7 +202,7 @@
font-size: 1rem; font-size: 1rem;
font-family: $title-font; font-family: $title-font;
font-weight: 700; font-weight: 700;
@include flexbox(); @include flexbox();
@include align-items(center); @include align-items(center);
@include justify-content(center); @include justify-content(center);

2
exampleSite/resources/_gen/assets/scss/sass/main.scss_b4f67ac5085b89b62b54c1923e5a9145.content
View File

File diff suppressed because one or more lines are too long