[ENG-1696] Fix Asian characters text wrapping (#2253)

no wrap
This commit is contained in:
nikec 2024-03-27 11:27:23 +01:00 committed by GitHub
parent 902ed24ffd
commit b776e4c55c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 4 deletions

View file

@ -87,7 +87,7 @@ export const Component = () => {
>
<div className="mt-2">
<Tooltip label={t('export_library_coming_soon')}>
<Button disabled size="sm" variant="gray">
<Button disabled size="sm" variant="gray" className="whitespace-nowrap">
{t('export')}
</Button>
</Tooltip>
@ -103,7 +103,7 @@ export const Component = () => {
<Button
size="sm"
variant="colored"
className="border-red-500 bg-red-500"
className="whitespace-nowrap border-red-500 bg-red-500"
onClick={() => {
dialogManager.create((dp) => (
<DeleteLibraryDialog {...dp} libraryUuid={library.uuid} />

View file

@ -9,7 +9,7 @@ import { forwardRef, PropsWithChildren } from 'react';
export const selectStyles = cva(
[
'flex items-center justify-between rounded-md border py-0.5 pl-3 pr-[10px] text-sm',
'flex items-center justify-between whitespace-nowrap rounded-md border py-0.5 pl-3 pr-[10px] text-sm',
'shadow-sm outline-none transition-all focus:ring-2',
'text-ink radix-placeholder:text-ink-faint'
],
@ -56,7 +56,9 @@ export const Select = forwardRef(
<RS.Trigger
className={selectStyles({ size: props.size, className: props.className })}
>
<RS.Value placeholder={props.placeholder} />
<span className="truncate">
<RS.Value placeholder={props.placeholder} />
</span>
<RS.Icon className="ml-2">
<ChevronDouble className="text-ink-dull" />
</RS.Icon>