tablet/atlantafx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add color picker popup radius and shadow effect

Browse Source
This commit is contained in:
mkpaz 2023-02-16 09:38:27 +04:00
parent 36e9f9e755
commit d4c5c6f36b
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
styles/src/components/_color-picker.scss
View File

@ -35,6 +35,7 @@
-fx-background-radius: cfg.$border-radius, cfg.$inner-border-radius; -fx-background-radius: cfg.$border-radius, cfg.$inner-border-radius;
-fx-spacing: 10px; -fx-spacing: 10px;
-fx-padding: 1em; -fx-padding: 1em;
@include effects.shadow(-color-shadow-default, cfg.$popup-shadow-radius, cfg.$popup-shadow-spread);
>.color-picker-grid { >.color-picker-grid {
-fx-padding: 0.5px; -fx-padding: 0.5px;
@ -47,13 +48,13 @@
} }
} }
// this is another popup window, it's not inside the .color-patette // this is another popup window, it's not inside the .color-palette
// also note that it's applied to both palette dropdown popup AND // also note that it's applied to both palette dropdown popup AND
// each individual color hover popup // each individual color hover popup
.color-palette-region { .color-palette-region {
// color popup window positioning, // color popup window positioning,
// transparent is fit both light and dark modes // transparent is fit both light and dark modes
-fx-effect: dropshadow(gaussian, transparent, 12, 0, 0, 8); -fx-effect: dropshadow(gaussian, transparent, 6, 0, 0, 8);
// the color over which the user is hovering // the color over which the user is hovering
>.color-square.hover-square { >.color-square.hover-square {