M: Minor UI color improvements

This commit is contained in:
Ivan 2025-06-18 22:54:14 +03:00
parent 30b5bd176d
commit 2a15faf17b
7 changed files with 27 additions and 15 deletions

View File

@ -25,8 +25,8 @@ export function ToggleNavigation() {
data-tooltip-content={noNavigationAnimation ? 'Показать навигацию' : 'Скрыть навигацию'} data-tooltip-content={noNavigationAnimation ? 'Показать навигацию' : 'Скрыть навигацию'}
aria-label={noNavigationAnimation ? 'Показать навигацию' : 'Скрыть навигацию'} aria-label={noNavigationAnimation ? 'Показать навигацию' : 'Скрыть навигацию'}
> >
{!noNavigationAnimation ? <IconPin size='0.75rem' /> : null} {!noNavigationAnimation ? <IconPin size='0.75rem' className='hover:text-primary' /> : null}
{noNavigationAnimation ? <IconUnpin size='0.75rem' /> : null} {noNavigationAnimation ? <IconUnpin size='0.75rem' className='hover:text-primary' /> : null}
</button> </button>
{!noNavigationAnimation ? ( {!noNavigationAnimation ? (
<button <button
@ -38,8 +38,8 @@ export function ToggleNavigation() {
data-tooltip-content={darkMode ? 'Тема: Темная' : 'Тема: Светлая'} data-tooltip-content={darkMode ? 'Тема: Темная' : 'Тема: Светлая'}
aria-label={darkMode ? 'Тема: Темная' : 'Тема: Светлая'} aria-label={darkMode ? 'Тема: Темная' : 'Тема: Светлая'}
> >
{darkMode ? <IconDarkTheme size='0.75rem' /> : null} {darkMode ? <IconDarkTheme size='0.75rem' className='hover:text-primary' /> : null}
{!darkMode ? <IconLightTheme size='0.75rem' /> : null} {!darkMode ? <IconLightTheme size='0.75rem' className='hover:text-primary' /> : null}
</button> </button>
) : null} ) : null}
</div> </div>

View File

@ -22,7 +22,7 @@ export function TabLabel({
className, className,
disabled, disabled,
role = 'tab', role = 'tab',
selectedClassName = 'text-foreground! cc-selected', selectedClassName = 'text-foreground! bg-secondary',
...otherProps ...otherProps
}: TabLabelProps) { }: TabLabelProps) {
return ( return (

View File

@ -42,7 +42,7 @@ export function BadgeHelp({ topic, padding = 'p-1', className, contentClass, sty
} }
return ( return (
<div tabIndex={-1} id={`help-${topic}`} className={cn(padding, className)} style={style}> <div tabIndex={-1} id={`help-${topic}`} className={cn(padding, className)} style={style}>
<IconHelp size='1.25rem' className='icon-primary' /> <IconHelp size='1.25rem' className='text-muted-foreground hover:text-primary' />
<Tooltip <Tooltip
clickable clickable
anchorSelect={`#help-${topic}`} anchorSelect={`#help-${topic}`}

View File

@ -131,12 +131,6 @@ export function ToolbarConstituenta({
</> </>
) : null} ) : null}
<MiniButton
title='Отображение списка конституент'
icon={showList ? <IconList size='1.25rem' className='icon-primary' /> : <IconListOff size='1.25rem' />}
onClick={toggleList}
/>
{isContentEditable ? ( {isContentEditable ? (
<> <>
<MiniButton <MiniButton
@ -155,6 +149,19 @@ export function ToolbarConstituenta({
/> />
</> </>
) : null} ) : null}
<MiniButton
noHover
title='Отображение списка конституент'
icon={
showList ? (
<IconList size='1.25rem' className='hover:icon-primary' />
) : (
<IconListOff size='1.25rem' className='hover:icon-primary' />
)
}
onClick={toggleList}
/>
<BadgeHelp topic={HelpTopic.UI_RS_EDITOR} offset={4} contentClass='sm:max-w-160' /> <BadgeHelp topic={HelpTopic.UI_RS_EDITOR} offset={4} contentClass='sm:max-w-160' />
</div> </div>
); );

View File

@ -37,7 +37,7 @@ export function SchemasGuide() {
return ( return (
<div className='p-1' tabIndex={-1} id={globalIDs.graph_schemas}> <div className='p-1' tabIndex={-1} id={globalIDs.graph_schemas}>
<IconHelp size='1.25rem' className='icon-primary' /> <IconHelp size='1.25rem' className='text-muted-foreground hover:icon-primary' />
<Tooltip <Tooltip
anchorSelect={`#${globalIDs.graph_schemas}`} anchorSelect={`#${globalIDs.graph_schemas}`}
place='right' place='right'

View File

@ -157,7 +157,8 @@ export function ToolbarTermGraph() {
/> />
) : null} ) : null}
<MiniButton <MiniButton
icon={<IconTypeGraph size='1.25rem' className='icon-primary' />} noHover
icon={<IconTypeGraph size='1.25rem' className='hover:icon-primary' />}
title='Граф ступеней' title='Граф ступеней'
onClick={handleShowTypeGraph} onClick={handleShowTypeGraph}
/> />

View File

@ -96,7 +96,11 @@ export function FormSignup() {
<fieldset className='cc-column w-60 relative'> <fieldset className='cc-column w-60 relative'>
<legend className='sr-only'>Информация о пользователе</legend> <legend className='sr-only'>Информация о пользователе</legend>
<IconHelp id={globalIDs.email_tooltip} className='absolute top-0 right-0 icon-primary' size='1.25rem' /> <IconHelp
id={globalIDs.email_tooltip}
className='absolute top-0 right-0 text-muted-foreground hover:text-primary'
size='1.25rem'
/>
<Tooltip anchorSelect={`#${globalIDs.email_tooltip}`} offset={6}> <Tooltip anchorSelect={`#${globalIDs.email_tooltip}`} offset={6}>
электронная почта используется для восстановления пароля электронная почта используется для восстановления пароля
</Tooltip> </Tooltip>