taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix small logo glitch

stable
Xaviju 2016-12-09 14:16:41 +01:00
parent b5f0473a03
commit ad9d24e2a7
1 changed files with 13 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
app/modules/navigation-bar/navigation-bar.scss
View File

@ -23,22 +23,16 @@ $dropdown-width: 350px;
display: flex; display: flex;
} }
.nav-left { .nav-left {
>a { a {
color: $white; color: $white;
padding: .5rem 1.5rem; padding: .5rem 1.5rem;
&.logo { }
background: rgba($black, .2); .logo {
padding: .4rem .75rem; background: rgba($black, .2);
} padding: .3rem .75rem;
svg { }
height: 1.6rem; svg {
max-height: 1.6rem; @include svg-size(1.6rem);
max-width: 2rem;
width: 1.6rem;
}
path {
fill: $white;
}
} }
} }
.nav-right { .nav-right {
@ -47,15 +41,16 @@ $dropdown-width: 350px;
color: $white; color: $white;
padding: .5rem 2rem; padding: .5rem 2rem;
} }
svg {
@include svg-size(1.2rem);
fill: rgba($primary-dark, .8);
transition: all .2s linear;
}
} }
a { a {
color: $white; color: $white;
display: inline-block; display: inline-block;
transition: all .2s linear; transition: all .2s linear;
svg {
fill: rgba($primary-dark, .8);
transition: all .2s linear;
}
&:hover { &:hover {
background: rgba($black, .2); background: rgba($black, .2);
color: $primary-light; color: $primary-light;
@ -80,12 +75,6 @@ $dropdown-width: 350px;
margin-left: .5rem; margin-left: .5rem;
vertical-align: middle; vertical-align: middle;
} }
svg {
height: 1.2rem;
max-height: 1.2rem;
max-width: 1.2rem;
width: 1.2rem;
}
.topnav-dropdown-wrapper { .topnav-dropdown-wrapper {
position: relative; position: relative;
&:hover { &:hover {
@ -163,9 +152,6 @@ $dropdown-width: 350px;
&.see-more-projects-btn { &.see-more-projects-btn {
margin-bottom: .3rem; margin-bottom: .3rem;
} }
&.import-project-button {
padding: .8rem 1rem;
}
&.create-project-btn { &.create-project-btn {
flex: 1; flex: 1;
} }
@ -178,16 +164,6 @@ $dropdown-width: 350px;
} }
} }
} }
.import-project-button {
&:hover {
svg {
fill: $primary-light;
}
}
svg {
fill: $white;
}
}
.create-options { .create-options {
display: flex; display: flex;
flex-direction: row; flex-direction: row;