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/styles/shared.scss

120 lines
2.1 KiB

@import "~styles/variables.scss";
/*@media (max-width: 978px) {
.top-spacing {
padding-top: 2%;
}
.modal-panel {
max-height: 100vh !important;
max-width: 100vw !important;
height: 100%;
}
}
@media (min-width: 979px) {
.top-spacing {
padding-top: 2%;
}
}*/
html,
body {
min-height: 100vh;
overflow: auto;
scrollbar-color: #616161 #303030; //firefox
scrollbar-width: thin; //firefox
}
.spinner-container {
position: relative;
margin-left: 50%;
}
.bottom-page-gap {
height: 50px;
}
/* Scrollbar */
::-webkit-scrollbar{
width: 7px;
background: #818181;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0);
}
// Changed color of the scrollbar
::-webkit-scrollbar-thumb{
border-radius: 3px;
background: #303030;
}
.sidenav ::-webkit-scrollbar-track {
display: none;
}
.grow {
transition: all .2s ease-in-out;
}
.grow:hover {
transform: scale(1.1);
color: black;
}
table {
width: 100%;
}
.loading-spinner {
display: flex;
padding-bottom: 4%;
}
::ng-deep .dark .form-control{
background-color: rgba(0, 0, 0, 0.18);
color:#fff;
border: 1px solid rgba(0, 0, 0, 0.18);
}
::ng-deep .dark .nav-link.active{
color: #303030;
background-color: $accent-dark;
border-color: rgba(0, 0, 0, 0.18);
font-weight:400;
}
::ng-deep .dark .nav-link{
color: #fff;
background-color: rgba(0, 0, 0, 0.18);
border-color: rgba(0, 0, 0, 0.18);
}
::ng-deep .dark .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input{
color:#fff;
}
::ng-deep .dark .ui-inputtext{
background-color: rgba(0, 0, 0, 0.18);
color:#fff;
border: 1px solid rgba(0, 0, 0, 0.18);
}
::ng-deep .mat-toolbar.mat-primary{
margin-bottom: 0.5em;
}
::ng-deep .dark .mat-form-field.mat-focused .mat-form-field-label{
color: $accent-dark;
}
::ng-deep .mat-form-field.mat-focused .mat-form-field-label{
color: $accent;
}
::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper{
margin:0.5em;
}