Merging explore-redesign branch into develop for Explore July release #3
|
@ -35,6 +35,10 @@
|
||||||
/* Action */
|
/* Action */
|
||||||
--input-action-icon-color: @global-secondary-background;
|
--input-action-icon-color: @global-secondary-background;
|
||||||
--input-action-icon-color-disabled: @global-muted-color;
|
--input-action-icon-color-disabled: @global-muted-color;
|
||||||
|
--input-action-icon-display: inline;
|
||||||
|
--input-action-icon-background-color: transparent;
|
||||||
|
--input-action-icon-background-color-disabled: transparent;
|
||||||
|
--input-action-icon-background-padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Input Wrapper */
|
/** Input Wrapper */
|
||||||
|
@ -151,10 +155,21 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
|
& > icon {
|
||||||
|
padding: var(--input-action-icon-background-padding);
|
||||||
|
border-radius: 50%;
|
||||||
|
display: var(--input-action-icon-display);
|
||||||
|
background-color: var(--input-action-icon-background-color);
|
||||||
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
color: var(--input-action-icon-color-disabled);
|
color: var(--input-action-icon-color-disabled);
|
||||||
cursor: default;
|
cursor: default;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
|
& > icon {
|
||||||
|
background-color: var(--input-action-icon-background-color-disabled);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -317,6 +332,19 @@
|
||||||
&.normal-font-size {
|
&.normal-font-size {
|
||||||
--input-font-size: 16px;
|
--input-font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.background {
|
||||||
|
--input-action-icon-color: @global-inverse-color;
|
||||||
|
--input-action-icon-color-disabled: @global-meta-color;
|
||||||
|
--input-action-icon-display: block;
|
||||||
|
--input-action-icon-background-color: @global-secondary-background;
|
||||||
|
--input-action-icon-background-color-disabled: @global-muted-color;
|
||||||
|
--input-action-icon-background-padding: 5px;
|
||||||
|
|
||||||
|
&.small, &.small-vertical {
|
||||||
|
--input-action-icon-background-padding: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.uk-dropdown.options {
|
.uk-dropdown.options {
|
||||||
|
|
|
@ -146,7 +146,7 @@
|
||||||
--search-input-icon-color: @global-inverse-color;
|
--search-input-icon-color: @global-inverse-color;
|
||||||
--search-input-icon-color-collapsed: @global-inverse-color;
|
--search-input-icon-color-collapsed: @global-inverse-color;
|
||||||
--search-input-icon-color-disabled: @global-meta-color;
|
--search-input-icon-color-disabled: @global-meta-color;
|
||||||
--search-input-icon-display: inline-block;
|
--search-input-icon-display: block;
|
||||||
--search-input-icon-background-color: @global-secondary-background;
|
--search-input-icon-background-color: @global-secondary-background;
|
||||||
--search-input-icon-background-color-disabled: @global-muted-color;
|
--search-input-icon-background-color-disabled: @global-muted-color;
|
||||||
--search-input-icon-background-padding: 7px;
|
--search-input-icon-background-padding: 7px;
|
||||||
|
|
Loading…
Reference in New Issue