jinql
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella
1
0
Fork 0
Code Issues Releases Wiki Activity

Make dropdown responsive

pull/81/head
christianesperar 2016-04-15 21:57:50 +08:00
parent b0caff915a
commit d792bd0d1d
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
production/css/custom.css
View File

@ -154,12 +154,16 @@ body.nav-sm span.fa, body.nav-sm .menu_section h3 {
} }
.nav_menu { .nav_menu {
float: left; float: left;
/*background: #F4F6F9;
border-bottom: 1px solid #E6E9ED;*/
background: #EDEDED; background: #EDEDED;
border-bottom: 1px solid #D9DEE4; border-bottom: 1px solid #D9DEE4;
margin-bottom: 10px; margin-bottom: 10px;
width: 100%; width: 100%;
position: relative;
}
@media (min-width: 480px) {
.nav_menu {
position: static;
}
} }
body.nav-md .container.body .col-md-3.left_col { body.nav-md .container.body .col-md-3.left_col {
width: 230px; width: 230px;
@ -455,9 +459,12 @@ a:hover, a:focus {
.top_nav .navbar-right li { .top_nav .navbar-right li {
display: inline-block; display: inline-block;
float: right; float: right;
position: static;
} }
.top_nav .dropdown-menu { @media (min-width: 480px) {
min-width: 220px; .top_nav .navbar-right li {
position: relative;
}
} }
.top_nav .dropdown-menu li { .top_nav .dropdown-menu li {
width: 100%; width: 100%;
@ -1324,9 +1331,6 @@ ul.msg_list li a .message {
display: block !important; display: block !important;
font-size: 11px; font-size: 11px;
} }
.dropdown-menu.msg_list {
width: 300px !important;
}
.dropdown-menu.msg_list span { .dropdown-menu.msg_list span {
white-space: normal; white-space: normal;
} }
@ -1357,6 +1361,12 @@ ul.msg_list li a .message {
margin-top: 0; margin-top: 0;
border: 1px solid #D9DEE4; border: 1px solid #D9DEE4;
-webkit-box-shadow: none; -webkit-box-shadow: none;
right: 0;
left: auto;
width: 220px;
}
.navbar-nav .open .dropdown-menu.msg_list {
width: 300px;
} }
.info-number .badge { .info-number .badge {
font-size: 10px; font-size: 10px;