front: fix css conflict with ui-core Select component.

The Select component from ui-core defines a custom-select CSS class, which conflicts with Bootstrap's class of the same name. For now, we override the Bootstrap class with the ui-core version, pending a rename in ui-core.

Author: kmer2016

front/src/styles/scss/_uiCoreIntegration.scss

@@ -68,3 +68,62 @@ img {
     }
   }
 }
+
+
+// __________________ Select  __________________
+.field-and-status-icon {
+  .custom-select {
+    border-radius: .25rem;
+    border: .063rem solid rgba(148, 145, 142, 1);
+    box-shadow:
+      0 .063rem .063rem rgba(0, 0, 0, 0.2),
+      0 .125 .25rem rgba(0, 0, 0, 0.1);
+    height: 2.5rem;
+    padding: .438rem 2rem .563rem .813rem;
+    letter-spacing: 0;
+    text-align: left;
+    line-height: 1.5rem;
+    width: 100%;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border-color: #94918E;
+    background-color: #00000003;
+    color: #312E2B;
+  
+    option {
+      color: #312E2B;
+    }
+  
+    option:first-child {
+      color: #797671;
+    }
+  
+    &.placeholder-selected {
+      color: #797671;
+    }
+  
+    &:focus {
+      outline: none;
+      border: 2px solid rgba(37, 106, 250, 1);
+      background-color: #00000003;
+      border-color: #256AFA;
+    }
+  
+    &.read-only {
+      border: 1px solid rgba(182, 178, 175, 1);
+      box-shadow:
+        0px 0px 0px rgba(0, 0, 0, 0.2),
+        0px 1px 0px rgba(0, 0, 0, 0.1);
+        color: #797671;
+    }
+  
+    &:disabled {
+      border: 1px solid rgba(211, 209, 207, 1);
+      box-shadow:
+        0px 0px 0px rgba(0, 0, 0, 0.2),
+        0px 1px 0px rgba(0, 0, 0, 0.1);
+        color: #B6B2AF;
+    }
+  }
+}

front/src/styles/scss/applications/stdcmV2/_card.scss

@@ -60,25 +60,6 @@
       margin-bottom: 0;
     }
 
-    .suggestions.stdcm-v2-ch-selector {
-      label {
-        margin: 0 0 0.15rem;
-      }
-      select {
-        min-height: 2.55rem;
-        padding: 0 1rem;
-        appearance: auto;
-        background-image: none;
-        border-radius: 4px;
-        border: 0.125rem solid rgba(255, 255, 255, 0.75);
-        border: 0.0625rem solid rgba(148, 145, 142, 1);
-        box-shadow:
-          0px 0.0625rem 0.0625rem rgba(0, 0, 0, 0.2),
-          0px 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
-        background-color: rgba(0, 0, 0, 0.01);
-      }
-    }
-
     .feed-back {
       padding-left: 0rem;
       padding-right: 0.3rem;