You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Ombi/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss

98 lines
1.6 KiB

@import "~styles/variables.scss";
.sidenav-container {
min-height: 100vh;
-webkit-overflow-scrolling:touch;
overflow:auto;
}
.sidenav {
width: 220px;
}
.sidenav .mat-toolbar {
background: inherit;
}
.mat-toolbar.mat-primary {
position: sticky;
top: 0;
z-index: 1;
}
.middle {
display: flex;
}
.example-form {
min-width: 150px;
max-width: 500px;
width: 100%;
}
.quater-width {
width: 25%;
}
.autocomplete-img {
vertical-align: middle;
height: 63px;
}
.mat-option {
height: 50px;
line-height: 50px;
padding: 0px 5px;
}
.active-list-item {
background: $accent !important;
color:white;
}
::ng-deep .dark .active-list-item {
background: $accent-dark !important;
color:black !important;
font-weight:500;
}
.slide-menu {
width: 100%;
}
::ng-deep .smaller-panel {
max-width: 170px !important;
}
.mat-drawer-content {
position: relative;
overflow: hidden;
z-index: 1;
display: block;
height: 100%;
/* overflow: auto; */
}
// Changed color with !important and changed the font weight
/*.active-list-item-dark {
background: $accent-dark !important;
color:black !important;
font-weight:500;
}*/
// changed bottom to 10px so when you overlay a link it won't get blocked by URL
#bottom-nav-link {
bottom: 10px;
position: absolute !important;
//background-color:#E84C3D;
}
/*bottom-nav-link:hover{
background-color:rgb(226, 52, 36) !important;
}*/
.profile-img-container {
text-align: center;padding-bottom: 15px;
}
.profile-img {
width: 100px;
border-radius: 100%;
}