Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-07 17:02:38 +01:00
Code Issues Projects Releases Wiki Activity

Fix performer disambiguation styling in select

Browse source
This commit is contained in:
WithoutPants 2024-02-28 11:21:29 +11:00
parent 2bdf0d9e62
commit 4999e85fae
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ui/v2.5/src/components/Performers/PerformerSelect.tsx
View file

@ -93,7 +93,7 @@ const _PerformerSelect: React.FC<
thisOptionProps = { thisOptionProps = {
...optionProps, ...optionProps,
children: ( children: (
<span className="react-select-image-option"> <span className="react-select-image-option performer-select-option">
<Link <Link
to={`/performers/${object.id}`} to={`/performers/${object.id}`}
target="_blank" target="_blank"
@ -127,12 +127,12 @@ const _PerformerSelect: React.FC<
thisOptionProps = { thisOptionProps = {
...optionProps, ...optionProps,
children: ( children: (
<> <span className="performer-select-value">
<span>{object.name}</span> <span>{object.name}</span>
{object.disambiguation && ( {object.disambiguation && (
<span className="performer-disambiguation">{` (${object.disambiguation})`}</span> <span className="performer-disambiguation">{` (${object.disambiguation})`}</span>
)} )}
</> </span>
), ),
}; };
@ -149,12 +149,12 @@ const _PerformerSelect: React.FC<
thisOptionProps = { thisOptionProps = {
...optionProps, ...optionProps,
children: ( children: (
<> <span className="performer-select-value">
{object.name} {object.name}
{object.disambiguation && ( {object.disambiguation && (
<span className="performer-disambiguation">{` (${object.disambiguation})`}</span> <span className="performer-disambiguation">{` (${object.disambiguation})`}</span>
)} )}
</> </span>
), ),
}; };

5
ui/v2.5/src/components/Performers/styles.scss
View file

@ -221,10 +221,13 @@
.performer-select { .performer-select {
.performer-disambiguation { .performer-disambiguation {
color: initial;
white-space: pre; white-space: pre;
} }
.performer-select-value .performer-disambiguation {
color: initial;
}
.alias { .alias {
font-weight: bold; font-weight: bold;
white-space: pre; white-space: pre;