pnx/httpcb
Archived
1
0
Fork 0
Code Releases Activity

app/assets/less/layout/navigation.less: adding dropdown effect for user menu.

Browse source
This commit is contained in:
Henrik Hautakoski 2018-03-30 00:39:59 +02:00
parent 567c113031
commit 0d7e8e08f3
2 changed files with 37 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

34
app/assets/less/layout/navigation.less
View file

@ -110,17 +110,37 @@
&-user-menu {
&:extend(.nav);
.pull-right();
margin-top: 18px;
margin-top: 10px;
> li {
display: inline-block;
&-login {
padding-top: .3em;
padding-bottom: .3em;
}
.icon {
margin-right: .2em;
&-dropdown {
&:extend(.dropdown);
&-button {
display: inline-block;
padding: .3em .8em;
background: @usermenu-button-bg;
border-radius: @border-radius-base;
&:hover {
background: @usermenu-button-hover-bg;
}
}
&:not(:first-child) {
padding-left: 1em;
&-list {
&:extend(.dropdown-menu all);
&:extend(.dropdown-menu-right all);
text-shadow: none;
.box-shadow(@dropdown-shadow);
}
&.open &-list {
display: inline-block;
}
}
}