[BUG FIX] [MER-3763] Dropdown/Num/Text Input Components contain dark …

…background (Simon-Initiative#5095) * MER-3763 * MER-3762 * MER-3763 * trying to restart the checks * Update text-input.scss
dtiwarATS · Sep 13, 2024 · 9fa6f74 · 9fa6f74
1 parent 631c065
commit 9fa6f74
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 0 deletions.
diff --git a/assets/styles/adaptive/activities/dropdown.scss b/assets/styles/adaptive/activities/dropdown.scss
@@ -68,3 +68,10 @@ janus-input-number .unitsLabel {
   margin-left: 10px;
   margin-top: 5px;
 }
+
+//As per the requirment, dropdown / select needs to be in light mode even if the current theme is Dark.
+// This can be customized from any external CSS file.
+.dark select {
+  background-color: #fff;
+  color: #333333;
+}
diff --git a/assets/styles/adaptive/activities/popup.scss b/assets/styles/adaptive/activities/popup.scss
@@ -150,3 +150,10 @@ janus-popup:has(input) {
     }
   }
 }
+
+.dark janus-popup:has(input) {
+  input[src*='data']:focus,
+  input[src*='data']:active {
+    background-color: rgba(0, 0, 0, 0);
+  }
+}
diff --git a/assets/styles/adaptive/activities/text-input.scss b/assets/styles/adaptive/activities/text-input.scss
@@ -73,3 +73,12 @@ janus-input-number .unitsLabel {
   margin-left: 10px;
   margin-top: 10px;
 }
+
+//As per the requirment, text & number input needs to be in light mode even if the current theme is Dark.
+// This can be customized from any external CSS file.
+.dark input[type='datetime-local'],
+.dark input[type='number'],
+.dark input[type='text'] {
+  background-color: #fff;
+  color: #333333;
+}
diff --git a/assets/styles/preview/preview-tools.scss b/assets/styles/preview/preview-tools.scss
@@ -180,6 +180,9 @@
       .list-group {
         margin-left: 1rem !important;
       }
+      .list-group {
+        margin: 0px !important;
+      }
       button {
         font-size: 0.9rem;
       }
@@ -214,3 +217,6 @@
     width: 1px;
   }
 }
+.dark .inspector .stateKey {
+  color: white !important;
+}