Fix performer disambiguation styling in select

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

View file

@ -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>
),
};

View file

@ -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;