mirror of https://github.com/portainer/portainer
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%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#image-layers .btn{
|
#image-layers .btn{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
@ -369,6 +368,38 @@ ul.sidebar .sidebar-list .sidebar-sublist a.active {
|
||||||
background: #2d3e63;
|
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) {
|
@media(min-width: 768px) and (max-width: 992px) {
|
||||||
.margin-sm-top {
|
.margin-sm-top {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
|
Loading…
Reference in New Issue