1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-05 13:55:21 +02:00

style(sidebar): make sidebar-header fixed, use flex instead of absolute to position footer (#1315)

This commit is contained in:
1138-4EB 2017-10-27 09:35:35 +02:00 committed by Anthony Lapenna
parent b5629c5b1a
commit f8451e944a
2 changed files with 57 additions and 15 deletions

View file

@ -278,7 +278,9 @@ a[ng-click]{
}
ul.sidebar {
bottom: 40px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
ul.sidebar .sidebar-title {
@ -292,7 +294,32 @@ ul.sidebar .sidebar-list a.active {
background: #2d3e63;
}
.sidebar-footer .logo {
.sidebar-header {
height: 60px;
list-style: none;
text-indent: 20px;
font-size: 18px;
background: #2d3e63;
}
.sidebar-header a { color: #fff; }
.sidebar-header a:hover {text-decoration: none; }
.sidebar-header .menu-icon {
float: right;
padding-right: 28px;
line-height: 60px;
}
#page-wrapper:not(.open) .sidebar-footer-content {
display: none;
}
.sidebar-footer-content {
text-align: center;
}
.sidebar-footer-content .logo {
width: 100%;
max-width: 100px;
height: 100%;
@ -300,12 +327,27 @@ ul.sidebar .sidebar-list a.active {
margin: 2px 0 2px 20px;
}
.sidebar-footer .version {
.sidebar-footer-content .version {
font-size: 11px;
margin: 11px 20px 0 7px;
color: #fff;
}
#sidebar-wrapper {
display: flex;
flex-flow: column;
}
.sidebar-content {
display: flex;
flex-direction: column;
justify-content: space-between;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
#image-layers .btn{
padding: 0;
}