Improve cursor blocking icon
Some checks are pending
Frontend CI / build (18.x) (push) Waiting to run
Some checks are pending
Frontend CI / build (18.x) (push) Waiting to run
This commit is contained in:
parent
c9b7e45c85
commit
8be4acbf43
|
@ -16,7 +16,7 @@ Styling conventions
|
|||
- border: borer-2 outline-none shadow-md
|
||||
- colors: clr-controls
|
||||
- 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:
|
||||
</pre>
|
||||
</details>
|
||||
|
|
|
@ -15,7 +15,7 @@ function ToggleNavigationButton() {
|
|||
className={clsx(
|
||||
'absolute top-0 right-0 z-navigation flex items-center justify-center',
|
||||
'clr-btn-nav',
|
||||
'select-none disabled:cursor-not-allowed'
|
||||
'select-none'
|
||||
)}
|
||||
onClick={toggleNoNavigation}
|
||||
initial={false}
|
||||
|
|
|
@ -50,7 +50,7 @@ function GraphSelectionToolbar({
|
|||
disabled={emptySelection}
|
||||
/>
|
||||
<MiniButton
|
||||
titleHtml='<b>Максимизация</b> - дополнение выделения конституентами, зависимыми только от выделенных'
|
||||
titleHtml='<b>Максимизация</b> <br/>дополнение выделения конституентами, <br/>зависимыми только от выделенных'
|
||||
icon={<IconGraphMaximize size='1.25rem' className='icon-primary' />}
|
||||
onClick={() => setSelected(prev => graph.maximizePart(prev))}
|
||||
disabled={emptySelection}
|
||||
|
|
|
@ -33,7 +33,7 @@ function Button({
|
|||
disabled={disabled ?? loading}
|
||||
className={clsx(
|
||||
'inline-flex gap-2 items-center justify-center',
|
||||
'select-none disabled:cursor-not-allowed',
|
||||
'select-none disabled:cursor-auto',
|
||||
{
|
||||
'border rounded': !noBorder,
|
||||
'px-1': dense,
|
||||
|
|
|
@ -27,7 +27,7 @@ function Checkbox({
|
|||
}: CheckboxProps) {
|
||||
const cursor = useMemo(() => {
|
||||
if (disabled) {
|
||||
return 'cursor-not-allowed';
|
||||
return 'cursor-auto';
|
||||
} else if (setValue) {
|
||||
return 'cursor-pointer';
|
||||
} else {
|
||||
|
|
|
@ -25,7 +25,7 @@ function CheckboxTristate({
|
|||
}: CheckboxTristateProps) {
|
||||
const cursor = useMemo(() => {
|
||||
if (disabled) {
|
||||
return 'cursor-not-allowed';
|
||||
return 'cursor-auto';
|
||||
} else if (setValue) {
|
||||
return 'cursor-pointer';
|
||||
} else {
|
||||
|
|
|
@ -35,7 +35,7 @@ function DropdownButton({
|
|||
'disabled:clr-text-controls',
|
||||
{
|
||||
'clr-hover': onClick,
|
||||
'cursor-pointer disabled:cursor-not-allowed': onClick,
|
||||
'cursor-pointer disabled:cursor-auto': onClick,
|
||||
'cursor-default': !onClick
|
||||
},
|
||||
className
|
||||
|
|
|
@ -28,7 +28,7 @@ function MiniButton({
|
|||
className={clsx(
|
||||
'rounded-lg',
|
||||
'clr-btn-clear',
|
||||
'cursor-pointer disabled:cursor-not-allowed',
|
||||
'cursor-pointer disabled:cursor-auto',
|
||||
{
|
||||
'px-1 py-1': !noPadding,
|
||||
'outline-none': noHover,
|
||||
|
|
|
@ -31,7 +31,7 @@ function SelectorButton({
|
|||
'px-1 flex flex-start items-center gap-1',
|
||||
'text-sm font-controls select-none',
|
||||
'text-btn clr-text-controls',
|
||||
'disabled:cursor-not-allowed cursor-pointer',
|
||||
'disabled:cursor-auto cursor-pointer',
|
||||
{
|
||||
'clr-hover': transparent,
|
||||
'border': !transparent
|
||||
|
|
|
@ -17,7 +17,7 @@ function SubmitButton({ text = 'ОК', icon, disabled, loading, className, ...re
|
|||
'border',
|
||||
'font-medium',
|
||||
'clr-btn-primary',
|
||||
'select-none disabled:cursor-not-allowed',
|
||||
'select-none disabled:cursor-auto',
|
||||
loading && 'cursor-progress',
|
||||
className
|
||||
)}
|
||||
|
|
Loading…
Reference in New Issue
Block a user