From 7cb9e91e67c6932f2eb6cffc9e711fe2e3f0c397 Mon Sep 17 00:00:00 2001 From: Magdalena Grigorova Date: Mon, 8 Jan 2018 16:30:08 +0200 Subject: [PATCH] fix(buttonGroupd): add focus state to button in disabled button group telerik/kendo#7846 --- scss/button/_layout.scss | 5 +++++ scss/button/_theme.scss | 12 +++++++++++- 2 files changed, 16 insertions(+), 1 deletion(-) diff --git a/scss/button/_layout.scss b/scss/button/_layout.scss index f02b5e1..f09ec2f 100644 --- a/scss/button/_layout.scss +++ b/scss/button/_layout.scss @@ -143,6 +143,11 @@ z-index: 2; } + &.k-state-disabled .k-button, + .k-state-disabled { + pointer-events: auto; + } + .k-group-start, .k-item:first-child .k-button { @include border-left-radius(); diff --git a/scss/button/_theme.scss b/scss/button/_theme.scss index cd5a756..ca47381 100644 --- a/scss/button/_theme.scss +++ b/scss/button/_theme.scss @@ -105,12 +105,22 @@ // Selected hover state .k-button:active:hover, - .k-button.k-state-active:hover + .k-button.k-state-active:hover, > input[type="radio"]:hover + .k-button, > input[type="checkbox"]:hover + .k-button { @include fill( $selected-text, $selected-bg, $selected-border, none ); } + // Disabled state + &.k-state-disabled .k-button, + .k-state-disabled { + + &:not(.k-state-active), + &:not(.k-state-active):hover { + @include fill( $button-text, $button-bg, $button-border, $button-gradient ); + } + } + } //SplitButton