Add action-icon in input.less

This commit is contained in:
Konstantinos Triantafyllou 2023-05-09 15:39:50 +03:00
parent aa1e6c9df3
commit c92a0dea1b
1 changed files with 16 additions and 0 deletions

View File

@ -32,6 +32,9 @@
--input-color-disabled: @global-muted-color;
/* Danger */
--input-danger-color: @global-danger-background;
/* Action */
--input-action-icon-color: @global-secondary-background;
--input-action-icon-color-disabled: @global-muted-color;
}
/** Input Wrapper */
@ -142,6 +145,19 @@
margin-right: var(--input-padding-horizontal);
}
& .action-icon {
padding: 0 var(--input-padding-horizontal);
color: var(--input-action-icon-color);
cursor: pointer;
user-select: none;
&.disabled {
color: var(--input-action-icon-color-disabled);
cursor: default;
pointer-events: none;
}
}
& > .tools {
padding-right: var(--input-padding-horizontal);
}