fix: make TagSelector always visible for accessibility and mobile support (#23515)
This commit is contained in:
parent
d253ca192a
commit
f6c7175828
10 changed files with 19 additions and 26 deletions
|
|
@ -238,12 +238,16 @@ const TagSelector: FC<TagSelectorProps> = ({
|
|||
}, [selectedTags, tagList])
|
||||
|
||||
const Trigger = () => {
|
||||
const hasNoTags = !triggerContent
|
||||
return (
|
||||
<div className={cn(
|
||||
'group/tip relative flex w-full cursor-pointer items-center gap-1 rounded-md px-2 py-[7px] hover:bg-state-base-hover',
|
||||
)}>
|
||||
<Tag01 className='h-3 w-3 shrink-0 text-components-input-text-placeholder' />
|
||||
<div className='system-sm-regular grow truncate text-start text-components-input-text-placeholder'>
|
||||
<div className={cn(
|
||||
'system-sm-regular grow truncate text-start',
|
||||
hasNoTags ? 'italic text-components-input-text-placeholder' : 'font-medium text-components-input-text-placeholder',
|
||||
)}>
|
||||
{!triggerContent ? t('common.tag.addTag') : triggerContent}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue