mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-26 13:00:39 +03:00
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
2d2a605991
commit
867e60581b
|
@ -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>
|
||||||
|
|
|
@ -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}
|
||||||
|
|
|
@ -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}
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
)}
|
)}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user