style(sidebar): automatically adjust sidebar font-size based on height (#1336)
parent
1d150414d9
commit
86e5ca57e9
|
@ -347,7 +347,6 @@ ul.sidebar .sidebar-list a.active {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
#image-layers .btn{
|
||||
padding: 0;
|
||||
}
|
||||
|
@ -369,6 +368,38 @@ ul.sidebar .sidebar-list .sidebar-sublist a.active {
|
|||
background: #2d3e63;
|
||||
}
|
||||
|
||||
@media (max-height: 683px) {
|
||||
ul.sidebar .sidebar-title {
|
||||
line-height: 28px;
|
||||
}
|
||||
ul.sidebar .sidebar-list {
|
||||
height: 28px;
|
||||
}
|
||||
ul.sidebar .sidebar-list a, ul.sidebar .sidebar-list .sidebar-sublist a {
|
||||
font-size: 12px;
|
||||
line-height: 28px;
|
||||
}
|
||||
ul.sidebar .sidebar-list .menu-icon {
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-height: 684px) and (max-height: 850px) {
|
||||
ul.sidebar .sidebar-title {
|
||||
line-height: 30px;
|
||||
}
|
||||
ul.sidebar .sidebar-list {
|
||||
height: 30px;
|
||||
}
|
||||
ul.sidebar .sidebar-list a, ul.sidebar .sidebar-list .sidebar-sublist a {
|
||||
font-size: 12px;
|
||||
line-height: 30px;
|
||||
}
|
||||
ul.sidebar .sidebar-list .menu-icon {
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: 768px) and (max-width: 992px) {
|
||||
.margin-sm-top {
|
||||
margin-top: 5px;
|
||||
|
|
Loading…
Reference in New Issue