granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update raid combobox triggers

Browse source
This commit is contained in:
Justin Edmund 2023-06-24 15:34:18 -07:00
parent e7f6590d55
commit f146c43348
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/raids/RaidCombobox/index.module.scss
View file

@ -121,27 +121,26 @@
} }
} }
.DetailsWrapper .PartyDetails.Editable .Raid.SelectTrigger, .trigger {
.EditTeam .Raid.SelectTrigger {
background: var(--input-bound-bg); background: var(--input-bound-bg);
display: flex; display: flex;
padding-top: 10px; padding-top: 10px;
padding-bottom: 11px; padding-bottom: 11px;
min-height: 51px; min-height: 51px;
.Value { .value {
display: flex; display: flex;
gap: $unit-half; gap: $unit-half;
width: 100%; width: 100%;
.Info { .info {
display: flex; display: flex;
align-items: center; align-items: center;
gap: $unit-half; gap: $unit-half;
flex-grow: 1; flex-grow: 1;
} }
.ExtraIndicator { .extraIndicator {
background: var(--extra-purple-secondary); background: var(--extra-purple-secondary);
border-radius: $full-corner; border-radius: $full-corner;
color: $grey-100; color: $grey-100;

3
components/raids/RaidCombobox/index.tsx
View file

@ -19,6 +19,7 @@ interface Props {
defaultRaid?: Raid defaultRaid?: Raid
minimal?: boolean minimal?: boolean
tabIndex?: number tabIndex?: number
size?: 'small' | 'medium' | 'large'
onChange?: (raid?: Raid) => void onChange?: (raid?: Raid) => void
onBlur?: (event: React.ChangeEvent<HTMLSelectElement>) => void onBlur?: (event: React.ChangeEvent<HTMLSelectElement>) => void
} }
@ -546,10 +547,12 @@ const RaidCombobox = (props: Props) => {
props.showAllRaidsOption ? t('raids.all') : t('raids.placeholder') props.showAllRaidsOption ? t('raids.all') : t('raids.placeholder')
} }
trigger={{ trigger={{
bound: true,
className: classNames({ className: classNames({
Raid: true, Raid: true,
Highlighted: props.showAllRaidsOption, Highlighted: props.showAllRaidsOption,
}), }),
size: props.size,
}} }}
triggerTabIndex={props.tabIndex} triggerTabIndex={props.tabIndex}
value={renderTriggerContent()} value={renderTriggerContent()}