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 ? 'Показать навигацию' : 'Скрыть навигацию'}
|
||||
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>
|
||||
|
|
|
@ -22,7 +22,7 @@ export function TabLabel({
|
|||
className,
|
||||
disabled,
|
||||
role = 'tab',
|
||||
selectedClassName = 'text-foreground! cc-selected',
|
||||
selectedClassName = 'text-foreground! bg-secondary',
|
||||
...otherProps
|
||||
}: TabLabelProps) {
|
||||
return (
|
||||
|
|
|
@ -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}`}
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -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'
|
||||
|
|
|
@ -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}
|
||||
/>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue
Block a user