#106 Fix styling for Full text search

mwalbeck · Apr 11, 2020 · a9cbcc3 · a9cbcc3
1 parent 0183482
commit a9cbcc3
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 19 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## [Unreleased]
+### Fixed
+- [#106](https://github.com/mwalbeck/nextcloud-breeze-dark/issues/106) Fix styling for Full text search
+
 ## 18.0.10 - 2020-03-22
 ### Fixed
 - [#102](https://github.com/mwalbeck/nextcloud-breeze-dark/issues/102) Set .icon-talk globally as it is used by other apps than just Talk

diff --git a/css/apps/thirdparty/_fulltextsearch.scss b/css/apps/thirdparty/_fulltextsearch.scss
@@ -6,35 +6,84 @@
 
 /* FullTextSearch ----------------------------------------------------------- */
 
-.app-settings #app-content {
+// Search popup
+#fts-popup {
 
-    #fns, #elastic_search, #files {
+    .div-table-col-left {
+        color: var(--color-main-text);
+    }
 
-        .div-table .div-table-row .div-table-col {
+    .fts_options_input {
+	    opacity: 1;
+    }
+}
 
-            select, input {
-                background-color: var(--color-background-darker) !important;
-            }
+// Generic Search
+.provider_header {
+
+    .provider_navigation {
+        color: var(--color-text-inactive);
+        border-bottom-color: var(--color-border);
+    }
+
+    .provider_result .result_entry {
+        border-bottom-color: var(--color-border);
+
+        .result_title {
+            color: var(--color-main-text);
+        }
+
+        .result_extract {
+            color: var(--color-text-inactive);
         }
     }
 }
 
-.provider_navigation {
-	color: var(--color-main-text);
-	background: var(--color-main-background);
-}
+// Files specific Search
+.provider_header {
 
-.result_entry_default {
-	background: var(--color-main-background);
-}
+    .files_header {
+        border-bottom-color: var(--color-border);
 
-#fts-popup {
+        .files_header_div {
+            color: var(--color-text-inactive);
+        }
+    }
+
+    .files_result {
+        border-bottom-color: var(--color-border);
 
-    .div-table-col-left {
-        color: var(--color-main-text);
+        .files_div_name .files_result_file {
+
+            .files_result_title {
+                color: var(--color-main-text);
+            }
+
+            .files_result_extract {
+                color: var(--color-text-inactive);
+            }
+        }
+
+        .files_result_item {
+            color: var(--color-text-inactive);
+            background: var(--color-main-background);
+        }
     }
 }
 
-#fulltextsearch .menutoggle:hover {
-	opacity: 1 !important;
-}
+// Settings
+.app-settings #app-content {
+
+    #fns,
+    #elastic_search,
+    #files {
+
+        .div-table .div-table-row .div-table-col {
+
+            select,
+            input {
+                background-color: var(--color-background-darker) !important;
+            }
+        }
+    }
+}