diff --git a/src/styles/popover.css b/src/styles/popover.css index 0d4977b8..c01952d1 100644 --- a/src/styles/popover.css +++ b/src/styles/popover.css @@ -74,10 +74,18 @@ &--active { @apply --button-active; + + .ce-popover__item-icon { + border: 1px solid var(--color-line-active); + } } &--disabled { @apply --button-disabled; + + .ce-popover__item-icon { + border: 1px solid var(--color-line-gray); + } } &--confirmation { diff --git a/src/styles/variables.css b/src/styles/variables.css index 483c36ec..92b282ec 100644 --- a/src/styles/variables.css +++ b/src/styles/variables.css @@ -71,6 +71,9 @@ --color-confirm: #E24A4A; --color-confirm-hover: #CE4343; + --color-line-active: #D8E8FA; + --color-line-gray: #EFF0F1; + --overlay-pane: { position: absolute; background-color: #FFFFFF; @@ -113,8 +116,7 @@ --button-disabled: { color: var(--grayText); cursor: default; - background: rgba(232,232,235,0.49); - opacity: 0.5; + pointer-events: none; } /**