From ee83a50ea98e55ab6b436c272dc80e85634fc765 Mon Sep 17 00:00:00 2001
From: James <james@trbl.design>
Date: Tue, 11 Oct 2022 11:46:44 -0400
Subject: [PATCH] chore: improves read-only styling of all react-selects

---
 src/admin/components/elements/ReactSelect/index.scss   |  6 +++++-
 .../forms/field-types/Relationship/index.scss          |  8 --------
 .../components/forms/field-types/Select/index.scss     | 10 +---------
 3 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/src/admin/components/elements/ReactSelect/index.scss b/src/admin/components/elements/ReactSelect/index.scss
index 665ff8932e..97fd1bb174 100644
--- a/src/admin/components/elements/ReactSelect/index.scss
+++ b/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);
+  }
+}
\ No newline at end of file
diff --git a/src/admin/components/forms/field-types/Relationship/index.scss b/src/admin/components/forms/field-types/Relationship/index.scss
index 2fdca2bf06..d5ce3d7589 100644
--- a/src/admin/components/forms/field-types/Relationship/index.scss
+++ b/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);
-      }
-    }
-  }
 }
\ No newline at end of file
diff --git a/src/admin/components/forms/field-types/Select/index.scss b/src/admin/components/forms/field-types/Select/index.scss
index 280912ed4b..c77a275aae 100644
--- a/src/admin/components/forms/field-types/Select/index.scss
+++ b/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);
-    }
-  }
-}
+}
\ No newline at end of file