R: Use canonical classnames

This commit is contained in:
Ivan 2025-11-03 20:00:34 +03:00
parent c878373080
commit 00f47c4b68
12 changed files with 16 additions and 16 deletions

View File

@ -10,7 +10,7 @@ export const GlobalTooltips = () => {
layer='z-topmost'
place='bottom-start'
offset={24}
className='max-w-80 break-words rounded-lg! select-none'
className='max-w-80 wrap-break-word rounded-lg! select-none'
/>
<Tooltip
float

View File

@ -34,7 +34,7 @@ export function DescribeError({ error }: { error: ErrorData }) {
<p>
<b>Message:</b> {error.message}
</p>
{error.stack && <pre className='whitespace-pre-wrap p-2 overflow-x-auto break-words'>{error.stack}</pre>}
{error.stack && <pre className='whitespace-pre-wrap p-2 overflow-x-auto wrap-break-word'>{error.stack}</pre>}
</div>
);
}

View File

@ -73,7 +73,7 @@ export function ModalView({
<div
className={cn(
'@container/modal',
'max-w-[100svw] xs:max-w-[calc(100svw-2rem)]',
'max-w-svw xs:max-w-[calc(100svw-2rem)]',
'overscroll-contain outline-hidden',
overflowVisible ? 'overflow-visible' : 'overflow-auto',
fullScreen ? 'max-h-[calc(100svh-2rem)]' : 'max-h-[calc(100svh-8rem)]',

View File

@ -7,7 +7,7 @@ const invalidVarMark = Decoration.mark({
});
const validMark = Decoration.mark({
class: 'text-(--acc-fg-purple)'
class: 'text-accent-purple-foreground'
});
class MarkVariablesPlugin {

View File

@ -13,23 +13,23 @@ export function HelpFormulaTree() {
<h2>Виды узлов</h2>
<p className='m-0'>
<span className='cc-sample-color bg-(--acc-bg-green)' />
<span className='cc-sample-color bg-accent-green' />
объявление идентификатора
</p>
<p className='m-0'>
<span className='cc-sample-color bg-(--acc-bg-teal)' />
<span className='cc-sample-color bg-accent-teal' />
глобальный идентификатор
</p>
<p className='m-0'>
<span className='cc-sample-color bg-(--acc-bg-orange)' />
<span className='cc-sample-color bg-accent-orange' />
логическое выражение
</p>
<p className='m-0'>
<span className='cc-sample-color bg-(--acc-bg-blue)' />
<span className='cc-sample-color bg-accent-blue' />
типизированное выражение
</p>
<p className='m-0'>
<span className='cc-sample-color bg-(--acc-bg-red)' />
<span className='cc-sample-color bg-accent-red' />
присвоение и итерация
</p>
<p className='m-0'>

View File

@ -34,7 +34,7 @@ export function HelpLibrary() {
<ul>
<li>
<span className='text-(--acc-fg-green)'>зеленым текстом</span> выделены ОСС
<span className='text-accent-green-foreground'>зеленым текстом</span> выделены ОСС
</li>
<li>
<kbd>клик</kbd> по строке - переход к редактированию схемы

View File

@ -11,7 +11,7 @@ interface InfoConstituentaProps extends React.ComponentProps<'div'> {
export function InfoConstituenta({ data, className, ...restProps }: InfoConstituentaProps) {
return (
<div className={cn('dense min-w-60 break-words', className)} {...restProps}>
<div className={cn('dense min-w-60 wrap-break-word', className)} {...restProps}>
<h2 className='cursor-default' title={data.is_inherited ? ' наследник' : undefined}>
{data.alias}
{data.is_inherited ? <IconChild size='1rem' className='inline-icon align-middle ml-1 mt-1' /> : null}

View File

@ -44,7 +44,7 @@ export function SchemasGuide({ schema }: SchemasGuideProps) {
<Tooltip
anchorSelect={`#${globalIDs.graph_schemas}`}
place='right'
className='z-topmost grid max-w-100 break-words text-base'
className='z-topmost grid max-w-100 wrap-break-word text-base'
>
<div className='inline-flex items-center gap-2'>
<span className='w-3 h-3 border rounded-full' style={{ backgroundColor: colorBgSchemas(0) }} />

View File

@ -21,7 +21,7 @@ export function ToolbarFocusedCst({ focus, resetFocus, className }: ToolbarFocus
return (
<div className={cn('flex items-center cc-icons', className)}>
<div className='w-31 mt-0.5 text-right select-none text-(--acc-fg-purple)'>
<div className='w-31 mt-0.5 text-right select-none text-accent-purple-foreground'>
<span>
Фокус
<b> {focus.alias} </b>

View File

@ -73,7 +73,7 @@ export function TableSideConstituents({
cell: props => (
<TextContent
noTooltip
className={props.getValue().includes('×') ? 'break-all' : 'break-words'}
className={props.getValue().includes('×') ? 'break-all' : 'wrap-break-word'}
text={props.getValue()}
maxLength={DESCRIPTION_MAX_SYMBOLS}
/>

View File

@ -78,7 +78,7 @@ export function TabArguments({ schema }: TabArgumentsProps) {
argumentsHelper.accessor(arg => arg.typification, {
id: 'type',
enableHiding: true,
cell: props => <div className='w-36 text-sm break-words'>{props.getValue()}</div>
cell: props => <div className='w-36 text-sm wrap-break-word'>{props.getValue()}</div>
}),
argumentsHelper.display({
id: 'actions',

View File

@ -75,7 +75,7 @@ export function TableRSList({
minSize: 150,
maxSize: 200,
cell: props => (
<div className='w-40 text-xs break-words'>{truncateToSymbol(props.getValue(), TYPIFICATION_TRUNCATE)}</div>
<div className='w-40 text-xs wrap-break-word'>{truncateToSymbol(props.getValue(), TYPIFICATION_TRUNCATE)}</div>
)
}),
columnHelper.accessor(cst => cst.term_resolved || cst.term_raw || '', {