chore: improves read-only styling of all react-selects

src/admin/components/elements/ReactSelect/index.scss

@@ -116,4 +116,8 @@ div.react-select {
       background-color: var(--theme-error-200);
     }
   }
-}
+
+  &.rs--is-disabled .rs__control {
+    background: var(--theme-elevation-200);
+  }
+}

src/admin/components/forms/field-types/Relationship/index.scss

@@ -22,12 +22,4 @@
     background-color: var(--theme-error-500);
     color: var(--theme-elevation-0);
   }
-
-  &--read-only {
-    div.react-select {
-      div.rs__control {
-        background: var(--theme-elevation-100);
-      }
-    }
-  }
 }

src/admin/components/forms/field-types/Select/index.scss

@@ -3,12 +3,4 @@
 .field-type.select {
   position: relative;
   margin-bottom: $baseline;
-}
-
-.select--read-only {
-  div.react-select {
-    div.rs__control {
-      background: var(--theme-elevation-100);
-    }
-  }
-}
+}