From e1ee955cb6e4770783fabae9d1f78594e718e1ff Mon Sep 17 00:00:00 2001 From: gilbn Date: Sun, 26 Jul 2020 16:15:20 +0200 Subject: [PATCH] bazarr: mOaR fixes --- CSS/themes/bazarr/bazarr-base.css | 115 ++++++++++++++++++++++-------- 1 file changed, 86 insertions(+), 29 deletions(-) diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index 915f8c0b..a4af35d6 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -570,6 +570,7 @@ body { background-color: var(--button-color-hover); border-color: var(--button-color-hover); outline-style: none; + opacity: 1; } /* green button */ .btn-success { @@ -1012,6 +1013,10 @@ table.dataTable tbody tr { } table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected { background-color: rgb(255 255 255 / 15%); +} +table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { + border: 2px solid transparent; + font-family: monospace; } /*Checkbox*/ table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before { @@ -1031,7 +1036,8 @@ table.dataTable tr.dtrg-group td { background-color: rgba(0, 0, 0, .7); } .page-titles { - background: rgba(0, 0, 0, .25); + background: var(--main-bg-color); + box-shadow: 0px 5px 20px rgb(0 0 0 / 20%); } .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(var(--accent-color), var(--accent-color)), linear-gradient(#e1e2e3, #e1e2e3); @@ -1051,6 +1057,17 @@ table.dataTable tr.dtrg-group td { background-color: transparent !important; border: 1px solid rgba(0, 0, 0, .25); } +.topbar ul.dropdown-user li a { + color: #eee; + background: var(--modal-bg-color); +} +.topbar ul.dropdown-user { + + background: var(--modal-bg-color); +} +.topbar ul.dropdown-user li a:hover { + background: rgb(255 255 255 / 7%); +} /* Sidebar */ @@ -1121,18 +1138,16 @@ table.dataTable tr.dtrg-group td { } } .sidebar-nav ul li ul { + padding-left: 0px; border-left: 3px solid var(--accent-color); } +.sidebar-nav ul li ul li a { + padding-left: 60px; +} .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover { background:rgba(255, 255, 255, .08); } -.active.sidebar-nav ul li ul { - padding-left: 0px; -} -.active.sidebar-nav ul li ul li a { - padding-left: 60px; -} /* Series page */ #series .progress-bar { @@ -1144,6 +1159,15 @@ table.dataTable tr.dtrg-group td { #series .badge-secondary, #episodes_wrapper .badge-secondary { background-color: var(--accent-color); } +.card-no-border .card { + background: var(--modal-bg-color); + border: solid 1px transparent; +} + +#seriesDetails .badge-secondary { + color: #fff; + background-color: var(--accent-color); +} /* Movies page */ #movies .progress-bar { background-color: var(--accent-color); @@ -1154,14 +1178,22 @@ table.dataTable tr.dtrg-group td { #movies .badge-secondary { background-color: var(--accent-color); } - +#movieDetails .badge-secondary { + color: #fff; + background-color: var(--accent-color); +} #movieSubtitles .badge-secondary { background-color: var(--accent-color); } /*Mass Edit*/ .container-fluid .bg-dark { - background-color: var(--modal-bg-color) !important; + background: var(--modal-bg-color) !important; +} +@media (min-width: 1024px){ +#edit_bar { + margin-left: 0px; +} } /* History */ @@ -1177,6 +1209,10 @@ table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, background-color: var(--accent-color); } /* Buttons */ +.btn.focus, .btn:focus { + outline: 0; + box-shadow: none; +} .btn-info, .btn-info.disabled { background: var(--button-color); border: 1px solid var(--button-color); @@ -1218,31 +1254,40 @@ button.dt-button.disabled, div.dt-button.disabled, a.dt-button.disabled { background-image: none !important; opacity: .5; } - .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { - color: #eee; - background-color: rgba(0, 0, 0, .25); - border-color: transparent; - } - .btn-light { - background-color: rgba(0, 0, 0, .25); - border: 1px solid transparent; - } - .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { - box-shadow: none; - border: solid 1px transparent; - outline: none; - } - .bootstrap-select .dropdown-toggle:focus { - outline: none !important; + .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { + color: #eee; + background-color: rgba(0, 0, 0, .25); + border-color: transparent; + } + .btn-light { + background-color: rgba(0, 0, 0, .25); + border: 1px solid transparent; + } + .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { + box-shadow: none; + border: solid 1px transparent; + outline: none; + } + .bootstrap-select .dropdown-toggle:focus { + outline: none !important; - } - .btn-light.focus, .btn-light:focus { - box-shadow: none; - } + } + .btn-light.focus, .btn-light:focus { + box-shadow: none; + } .btn-light:hover { background-color: rgb(0 0 0 / 25%); border-color: transparent; } + .btn-secondary, .btn-secondary.disabled { + background: var(--accent-color); + border: 1px solid var(--accent-color); + } + .btn-secondary:hover, .btn-secondary.disabled:hover { + background: var(--accent-color-hover); + opacity: 0.7; + border: 1px solid var(--accent-color-hover); +} /* Loading */ .preloader { width: 100%; @@ -1329,4 +1374,16 @@ button.dt-button.disabled, div.dt-button.disabled, a.dt-button.disabled { .alert-secondary a:hover { color: white !important; text-decoration: none; +} +/* Modal */ +.modal-content .badge-secondary { + color: #fff; + background-color: var(--accent-color); +} +.modal-content button:focus { + outline: none !important; +} +/* Chart */ +.chartjs-render-monitor { + filter: invert(1); } \ No newline at end of file