From 7c590c2685438e925dbec38e3c4aaf1b7b21aa74 Mon Sep 17 00:00:00 2001 From: GilbN Date: Mon, 7 Mar 2022 22:00:26 +0100 Subject: [PATCH] fix: :bug: Organizr: fix some wierd gradient rendering with chrome 99 --- css/base/organizr/organizr-base.css | 71 ++++++++++++++--------------- 1 file changed, 33 insertions(+), 38 deletions(-) diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css index f49b5519..16276b22 100644 --- a/css/base/organizr/organizr-base.css +++ b/css/base/organizr/organizr-base.css @@ -21,17 +21,6 @@ border: 1px solid rgb(var(--accent-color), 0.5); } -.modal-content, -.mfp-content .panel { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat !important; - background-attachment: fixed, fixed !important; - background-position: center center, center center !important; - background-size: auto, cover !important; - -webkit-background-size: auto, cover !important; - -moz-background-size: auto, cover !important; - -o-background-size: auto, cover !important; -} [id*="homepage-"]>fieldset>div>div.panel-wrapper.collapse.in>div>div, [id$="-settings-items"]>div { @@ -209,17 +198,9 @@ h6 { .panel-info .panel-heading { border-color: rgb(var(--accent-color)); color: var(--text-hover); - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; } -.panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) { +/* .panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) { background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -228,7 +209,7 @@ h6 { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; -} +} */ .bg-plex:not(h2 .bg-plex) { background: #e5a00d; @@ -284,6 +265,9 @@ h6 { [id*="settings-"]>div>div.panel-heading:not(form > div > div.panel-heading) { background: rgba(0, 0, 0, 0.25); } +[id*="settings-"]>div>div.panel-heading .bg-org:not(form > div > div.panel-heading) { + background: rgba(0, 0, 0, 0.25); +} #customize-appearance-form>ul>li.active>a { background: rgba(0, 0, 0, 0.25); @@ -1719,7 +1703,7 @@ body { } .navbar-header { - background: var(--main-bg-color); + background: none; background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -1736,14 +1720,7 @@ body { .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { - background: var(--modal-bg-color); - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background: rgba(0, 0, 0, 0.25); } /*Right panel*/ @@ -1860,7 +1837,7 @@ background: rgb(0 0 0 / 0%) !important; } .dropdown-menu { - background: var(--drop-down-menu-bg) !important; + background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -2053,7 +2030,14 @@ body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div } .panel { - background: #1b1a1a; + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; } .form-control, @@ -2122,7 +2106,7 @@ input, } -#account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div { +/* #account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div { background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -2131,7 +2115,7 @@ input, -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; -} +} */ .tab-content .panel .panel-body, .tab-content .panel .panel-body .bg-org { @@ -2296,7 +2280,7 @@ fieldset[disabled] .form-control { .customvtab .tabs-vertical li.active a, .customvtab .tabs-vertical li.active a:focus, .customvtab .tabs-vertical li.active a:hover, -.dropdown-menu, +/* .dropdown-menu, */ .fc-day, .footable-row-detail, .img-thumbnail, @@ -2339,9 +2323,9 @@ table.dataTable tbody tr { .btn-default, .chat-list .chat-text h4, -.dropdown-menu>li>a, +/* .dropdown-menu>li>a, .dropdown-menu>li>a:focus, -.dropdown-menu>li>a:hover, +.dropdown-menu>li>a:hover, */ .flot-text, .footer, .form-control, @@ -2413,7 +2397,7 @@ th { .pager li>span, .pagination>li>a, .pagination>li>span, -.panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div), +/* .panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div), */ .panel-default .panel-body, .panel-default .panel-footer, .panel-default .panel-heading, @@ -2513,4 +2497,15 @@ span.select2-results { .select2-container--default .select2-results__option[aria-selected=true] { background-color: #232323; +} + +/* .panel-info>.panel-heading { + background-color: rgba(var(--accent-color)); +} */ + +.panel-blue .panel-heading, .panel-info .panel-heading { + background-color: #23232300; +} +#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div > div > div { + background: transparent; } \ No newline at end of file