mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-25 20:40:36 +03:00
M: Minor UI color improvements
This commit is contained in:
parent
30b5bd176d
commit
2a15faf17b
|
@ -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>
|
||||||
|
|
|
@ -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 (
|
||||||
|
|
|
@ -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}`}
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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}
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user