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

View File

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

View File

@ -42,7 +42,7 @@ export function BadgeHelp({ topic, padding = 'p-1', className, contentClass, sty
}
return (
<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
clickable
anchorSelect={`#help-${topic}`}

View File

@ -131,12 +131,6 @@ export function ToolbarConstituenta({
</>
) : null}
<MiniButton
title='Отображение списка конституент'
icon={showList ? <IconList size='1.25rem' className='icon-primary' /> : <IconListOff size='1.25rem' />}
onClick={toggleList}
/>
{isContentEditable ? (
<>
<MiniButton
@ -155,6 +149,19 @@ export function ToolbarConstituenta({
/>
</>
) : 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' />
</div>
);

View File

@ -37,7 +37,7 @@ export function SchemasGuide() {
return (
<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
anchorSelect={`#${globalIDs.graph_schemas}`}
place='right'

View File

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

View File

@ -96,7 +96,11 @@ export function FormSignup() {
<fieldset className='cc-column w-60 relative'>
<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>