From 909451fb8ba8878c92748c61c36f84dd64187fd7 Mon Sep 17 00:00:00 2001 From: mkpaz Date: Wed, 31 Aug 2022 08:48:41 +0400 Subject: [PATCH] Fix TitledPane disabled effect Opacity shouldn't be applied to the titled pane borders, otherwise disabled accordion blocks would look weird. --- styles/src/components/_titled-pane.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/styles/src/components/_titled-pane.scss b/styles/src/components/_titled-pane.scss index c78183e..81e41ac 100755 --- a/styles/src/components/_titled-pane.scss +++ b/styles/src/components/_titled-pane.scss @@ -62,7 +62,12 @@ $elevation-interactive: map-get(cfg.$elevation, 2) !default; // othserwise background color will be different due -fxopacity and // -fx-effect applied at the same time &:disabled { - -fx-opacity: cfg.$opacity-disabled; + // opacity shouldn't be applied to the titled pane borders, + // otherwise disabled accordion blocks would look weird + >.title > *, + >.content > * { + -fx-opacity: cfg.$opacity-disabled; + } } // When titled pane is animated and being collapsed you may notice that bottom