Merge pull request #400 from GilbN/develop

1.9.8
themepark-dev · Jul 15, 2022 · ab31161 · ab31161
2 parents 72c418a + 7b275a3
commit ab31161
Show file tree

Hide file tree

Showing 4 changed files with 577 additions and 904 deletions.
diff --git a/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css b/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css
@@ -1,35 +1,19 @@
-/* Desktop */ 
-@media (min-width: 752px) {
-    .header-icon.px-3.m-0.d-none.d-md-block img  {
+    .mantine-Avatar-root[class*="bazarr-"] img {
         display: none !important;
     }
-    .header-icon.px-3.m-0.d-none.d-md-block:before {
-        background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
-        display: inline-block;
-        width: 32px; 
-        height: 32px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-    }    
-} 
 
-/* Mobile */
-@media (max-width: 767px) {
-   .sidebar-title.d-flex.align-items-center.d-md-none.container img  {
-        display: none !important;
-    }   
-   .sidebar-title.d-flex.align-items-center.d-md-none.container:before {
+    .mantine-Avatar-root[class*="bazarr-"]:before {
         background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
         display: inline-block;
-        width: 32px; 
+        width: 32px;
         height: 32px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        content: "";
+        background-size: cover;
+        -webkit-background-size: cover;
+        -moz-background-size: cover;
         -o-background-size: cover;
-    } 
-}
+    }
+
+    #root>div>nav>div>div.mantine-Group-root.mantine-Group-child[class*="bazarr-"]>div>span:after {
+        content: " 4K";
+    }
diff --git a/css/addons/bazarr/bazarr-darker/bazarr-darker.css b/css/addons/bazarr/bazarr-darker/bazarr-darker.css
@@ -37,30 +37,19 @@
 }
 
 /* HEADER */
-.header-container .bg-primary {
+.mantine-Header-root[class*="bazarr-"] {
     background-color: var(--header-color) !important;
+    border-bottom: 1px solid var(--transparency-light-15);
 }
 
 /* SIDE MENU */
-.sidebar-container {
+.mantine-Navbar-root[class*="bazarr-"] {
     background-color: var(--side-menu-color) !important;
     color: white !important;
 }
 
-.sidebar-container .sidebar-button {
-    color: var(--side-menu-link-color) !important;
-}
-
-.sidebar-container .sidebar-button {
-    background-color: var(--side-menu-color) !important;
-}
-.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover {
-    color: var(--side-menu-link-color) !important;
-    background-color: var(--side-menu-active) !important;
-}
-
-
-.sidebar-container .sidebar-button:hover {
-    background-color: var(--side-menu-active) !important;
-    color: var(--side-menu-link-color) !important;
+#root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"],
+#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"],
+#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] {
+    background: #262626 !important;
 }