linkerd2/web/app/css/sidebar.css

94 lines
1.6 KiB
CSS

@import 'styles.css';
.list-container {
width: 100%;
float: right;
min-height: 50vh;
/* background-color: #ff6600;*/
/*background-image: url(./../img/sidebar-bg.png);*/
background-size: auto 100%;
}
.sidebar {
width: 100%;
padding: 0px 0px 0px 20%;
float: right;
background-color: #091B39;
color: white;
height: 100vh;
min-height: 200vh;
background-image: url(./../img/sidebar-bg.png);
background-repeat: no-repeat;
background-size: 100% 50vh;
& .sidebar-menu {
background: none;
}
& .sidebar-menu-item {
padding-left: 9px;
font-size: 18px;
font-weight: var(--font-weight-bold);
& a {
color: white;
}
}
& img {
height: 36px;
}
& .sidebar-headers {
margin: 27px 0px 27px 0px;
}
& .ant.menu {
line-height: 0;
}
& .ant-menu-item {
line-height: 1.4;
margin-bottom: 4px;
}
& .ant-menu-item {
padding: 10px 0px 11px 14px;
}
& .ant-menu-item {
border-radius: 4px;
margin-right: 8px;
}
& .ant-menu-item:hover {
background-color: #007EFF;
}
& .ant-menu-item-active, & .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
background: #007EFF;
}
& .conduit-current-version {
border: none;
margin: 0;
padding: 0 0 0 9px;
position: fixed;
height: 40px;
width: 150px;
bottom: calc(var(--base-width)*3);
color: white;
font-weight: 700;
}
& .conduit-version-check {
border: none;
margin: 0;
padding: 0;
}
}
.call-to-action .action {
font-size: inherit;
color: (var(--white))
}