Improve cursor blocking icon
Some checks are pending
Frontend CI / build (18.x) (push) Waiting to run

This commit is contained in:
IRBorisov 2024-06-18 15:19:19 +03:00
parent 2d2a605991
commit 867e60581b
10 changed files with 10 additions and 10 deletions

View File

@ -16,7 +16,7 @@ Styling conventions
- border: borer-2 outline-none shadow-md - border: borer-2 outline-none shadow-md
- colors: clr-controls - colors: clr-controls
- text: text-start text-sm font-semibold whitespace-nowrap - text: text-start text-sm font-semibold whitespace-nowrap
- behavior modifiers: select-none disabled:cursor-not-allowed - behavior modifiers: select-none disabled:cursor-auto
- transitions: - transitions:
</pre> </pre>
</details> </details>

View File

@ -15,7 +15,7 @@ function ToggleNavigationButton() {
className={clsx( className={clsx(
'absolute top-0 right-0 z-navigation flex items-center justify-center', 'absolute top-0 right-0 z-navigation flex items-center justify-center',
'clr-btn-nav', 'clr-btn-nav',
'select-none disabled:cursor-not-allowed' 'select-none'
)} )}
onClick={toggleNoNavigation} onClick={toggleNoNavigation}
initial={false} initial={false}

View File

@ -50,7 +50,7 @@ function GraphSelectionToolbar({
disabled={emptySelection} disabled={emptySelection}
/> />
<MiniButton <MiniButton
titleHtml='<b>Максимизация</b> - дополнение выделения конституентами, зависимыми только от выделенных' titleHtml='<b>Максимизация</b> <br/>дополнение выделения конституентами, <br/>зависимыми только от выделенных'
icon={<IconGraphMaximize size='1.25rem' className='icon-primary' />} icon={<IconGraphMaximize size='1.25rem' className='icon-primary' />}
onClick={() => setSelected(prev => graph.maximizePart(prev))} onClick={() => setSelected(prev => graph.maximizePart(prev))}
disabled={emptySelection} disabled={emptySelection}

View File

@ -33,7 +33,7 @@ function Button({
disabled={disabled ?? loading} disabled={disabled ?? loading}
className={clsx( className={clsx(
'inline-flex gap-2 items-center justify-center', 'inline-flex gap-2 items-center justify-center',
'select-none disabled:cursor-not-allowed', 'select-none disabled:cursor-auto',
{ {
'border rounded': !noBorder, 'border rounded': !noBorder,
'px-1': dense, 'px-1': dense,

View File

@ -27,7 +27,7 @@ function Checkbox({
}: CheckboxProps) { }: CheckboxProps) {
const cursor = useMemo(() => { const cursor = useMemo(() => {
if (disabled) { if (disabled) {
return 'cursor-not-allowed'; return 'cursor-auto';
} else if (setValue) { } else if (setValue) {
return 'cursor-pointer'; return 'cursor-pointer';
} else { } else {

View File

@ -25,7 +25,7 @@ function CheckboxTristate({
}: CheckboxTristateProps) { }: CheckboxTristateProps) {
const cursor = useMemo(() => { const cursor = useMemo(() => {
if (disabled) { if (disabled) {
return 'cursor-not-allowed'; return 'cursor-auto';
} else if (setValue) { } else if (setValue) {
return 'cursor-pointer'; return 'cursor-pointer';
} else { } else {

View File

@ -35,7 +35,7 @@ function DropdownButton({
'disabled:clr-text-controls', 'disabled:clr-text-controls',
{ {
'clr-hover': onClick, 'clr-hover': onClick,
'cursor-pointer disabled:cursor-not-allowed': onClick, 'cursor-pointer disabled:cursor-auto': onClick,
'cursor-default': !onClick 'cursor-default': !onClick
}, },
className className

View File

@ -28,7 +28,7 @@ function MiniButton({
className={clsx( className={clsx(
'rounded-lg', 'rounded-lg',
'clr-btn-clear', 'clr-btn-clear',
'cursor-pointer disabled:cursor-not-allowed', 'cursor-pointer disabled:cursor-auto',
{ {
'px-1 py-1': !noPadding, 'px-1 py-1': !noPadding,
'outline-none': noHover, 'outline-none': noHover,

View File

@ -31,7 +31,7 @@ function SelectorButton({
'px-1 flex flex-start items-center gap-1', 'px-1 flex flex-start items-center gap-1',
'text-sm font-controls select-none', 'text-sm font-controls select-none',
'text-btn clr-text-controls', 'text-btn clr-text-controls',
'disabled:cursor-not-allowed cursor-pointer', 'disabled:cursor-auto cursor-pointer',
{ {
'clr-hover': transparent, 'clr-hover': transparent,
'border': !transparent 'border': !transparent

View File

@ -17,7 +17,7 @@ function SubmitButton({ text = 'ОК', icon, disabled, loading, className, ...re
'border', 'border',
'font-medium', 'font-medium',
'clr-btn-primary', 'clr-btn-primary',
'select-none disabled:cursor-not-allowed', 'select-none disabled:cursor-auto',
loading && 'cursor-progress', loading && 'cursor-progress',
className className
)} )}