Fix performer disambiguation styling in select

randemgame · Feb 28, 2024 · 4999e85 · 4999e85
1 parent 2bdf0d9
commit 4999e85
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/ui/v2.5/src/components/Performers/PerformerSelect.tsx b/ui/v2.5/src/components/Performers/PerformerSelect.tsx
@@ -93,7 +93,7 @@ const _PerformerSelect: React.FC<
     thisOptionProps = {
       ...optionProps,
       children: (
-        <span className="react-select-image-option">
+        <span className="react-select-image-option performer-select-option">
           <Link
             to={`/performers/${object.id}`}
             target="_blank"
@@ -127,12 +127,12 @@ const _PerformerSelect: React.FC<
     thisOptionProps = {
       ...optionProps,
       children: (
-        <>
+        <span className="performer-select-value">
           <span>{object.name}</span>
           {object.disambiguation && (
             <span className="performer-disambiguation">{` (${object.disambiguation})`}</span>
           )}
-        </>
+        </span>
       ),
     };
 
@@ -149,12 +149,12 @@ const _PerformerSelect: React.FC<
     thisOptionProps = {
       ...optionProps,
       children: (
-        <>
+        <span className="performer-select-value">
           {object.name}
           {object.disambiguation && (
             <span className="performer-disambiguation">{` (${object.disambiguation})`}</span>
           )}
-        </>
+        </span>
       ),
     };
 

diff --git a/ui/v2.5/src/components/Performers/styles.scss b/ui/v2.5/src/components/Performers/styles.scss
@@ -221,10 +221,13 @@
 
 .performer-select {
   .performer-disambiguation {
-    color: initial;
     white-space: pre;
   }
 
+  .performer-select-value .performer-disambiguation {
+    color: initial;
+  }
+
   .alias {
     font-weight: bold;
     white-space: pre;