sforkowany z mirror/soapbox
Small UX improvements
rodzic
6b07a7c3b6
commit
2c3bfefa4c
|
@ -285,7 +285,7 @@ export default class AutosuggestInput extends ImmutablePureComponent<IAutosugges
|
||||||
<input
|
<input
|
||||||
type='text'
|
type='text'
|
||||||
className={classNames({
|
className={classNames({
|
||||||
'block w-full rounded-md sm:text-sm border-gray-300 dark:border-gray-600 dark:bg-slate-800 dark:text-white dark:placeholder:text-gray-500 focus:ring-primary-500 focus:border-primary-500': true,
|
'block w-full sm:text-sm border-gray-300 dark:border-gray-600 dark:bg-slate-800 dark:text-white dark:placeholder:text-gray-500 focus:ring-primary-500 focus:border-primary-500': true,
|
||||||
}, className)}
|
}, className)}
|
||||||
ref={this.setInput}
|
ref={this.setInput}
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
|
|
|
@ -84,6 +84,7 @@ const Option = (props: IOption) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<AutosuggestInput
|
<AutosuggestInput
|
||||||
|
className='rounded-md'
|
||||||
placeholder={intl.formatMessage(messages.option_placeholder, { number: index + 1 })}
|
placeholder={intl.formatMessage(messages.option_placeholder, { number: index + 1 })}
|
||||||
maxLength={maxChars}
|
maxLength={maxChars}
|
||||||
value={title}
|
value={title}
|
||||||
|
@ -93,7 +94,7 @@ const Option = (props: IOption) => {
|
||||||
onSuggestionsClearRequested={onSuggestionsClearRequested}
|
onSuggestionsClearRequested={onSuggestionsClearRequested}
|
||||||
onSuggestionSelected={onSuggestionSelected}
|
onSuggestionSelected={onSuggestionSelected}
|
||||||
searchTokens={[':']}
|
searchTokens={[':']}
|
||||||
autoFocus
|
autoFocus={index === 0}
|
||||||
/>
|
/>
|
||||||
</HStack>
|
</HStack>
|
||||||
|
|
||||||
|
|
Ładowanie…
Reference in New Issue