From 71a0402c0d14333918d8d2287fa7d6708589374e Mon Sep 17 00:00:00 2001 From: mkpaz Date: Thu, 16 Feb 2023 10:00:12 +0400 Subject: [PATCH] Add date picker popup radius and shadow effect --- styles/src/components/_date-picker.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/styles/src/components/_date-picker.scss b/styles/src/components/_date-picker.scss index 8da93de..5340b20 100755 --- a/styles/src/components/_date-picker.scss +++ b/styles/src/components/_date-picker.scss @@ -71,12 +71,17 @@ $chrono-cell-padding: 0.083333em $cell-padding-x 0.083333em 0.333333em !default; } } +.combo-box-popup>.date-picker-popup { + @include effects.shadow(-color-shadow-default, cfg.$popup-shadow-radius, cfg.$popup-shadow-spread); + -fx-background-radius: cfg.$border-radius, cfg.$inner-border-radius; +} + .date-picker-popup { @include _color-variables(); -fx-background-color: -color-date-border, -color-date-bg; -fx-background-insets: 0, 1; - -fx-background-radius: 0; + -fx-background-radius: cfg.$border-radius, cfg.$inner-border-radius; -fx-alignment: CENTER; -fx-spacing: 0; -fx-padding: cfg.$border-width; @@ -85,6 +90,7 @@ $chrono-cell-padding: 0.083333em $cell-padding-x 0.083333em 0.333333em !default; -fx-padding: $content-padding-y $content-padding-x $content-padding-y $content-padding-x; -fx-background-color: -color-date-month-year-bg; -fx-background-insets: 0; + -fx-background-radius: cfg.$border-radius cfg.$border-radius 0 0; // this one is actually HBox, but because of the class name it uses Spinner styles >.spinner { @@ -130,6 +136,7 @@ $chrono-cell-padding: 0.083333em $cell-padding-x 0.083333em 0.333333em !default; -fx-padding: $content-padding-x; -fx-hgap: $cell-hgap; -fx-vgap: $cell-vgap; + -fx-background-radius: cfg.$border-radius; >.date-cell { -fx-background-color: transparent;