Fixed issue with user menu on small screens

pull/489/merge
Abdullah Almsaeed 9 years ago
parent efd38d62be
commit 6bf4e63c44

@ -237,6 +237,11 @@
.clearfix(); .clearfix();
.btn-default { .btn-default {
color: #666666; color: #666666;
&:hover {
@media (max-width: @screen-sm-max) {
background-color: #f9f9f9;
}
}
} }
} }
} }
@ -316,15 +321,15 @@
/* Fix dropdown menu in navbars */ /* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav { .navbar-custom-menu > .navbar-nav {
> li { > li {
position: relative; position: relative;
> .dropdown-menu { > .dropdown-menu {
position: absolute; position: absolute;
right: 0; right: 0;
left: auto; left: auto;
}
} }
} }
}
@media (max-width: @screen-sm-max) { @media (max-width: @screen-sm-max) {
.navbar-custom-menu > .navbar-nav { .navbar-custom-menu > .navbar-nav {
float: right; float: right;

@ -1123,6 +1123,11 @@ a:focus {
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
color: #666666; color: #666666;
} }
@media (max-width: 991px) {
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
background-color: #f9f9f9;
}
}
.navbar-nav > .user-menu .user-image { .navbar-nav > .user-menu .user-image {
float: left; float: left;
width: 25px; width: 25px;

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save