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

Change radio button style

Browse Source
This commit is contained in:
mkpaz 2022-08-25 16:32:31 +04:00
parent c2e03d2193
commit 5996323899
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
sampler/src/main/java/atlantafx/sampler/page/components/OverviewPage.java
View File

@ -181,7 +181,7 @@ public class OverviewPage extends AbstractPage {
var opt1 = new CheckBox("Option 1"); var opt1 = new CheckBox("Option 1");
var opt2 = new CheckBox("Option 1"); var opt2 = new CheckBox("Option 2");
opt2.setSelected(true); opt2.setSelected(true);
var opt3 = new CheckBox("Option 3"); var opt3 = new CheckBox("Option 3");
@ -200,7 +200,7 @@ public class OverviewPage extends AbstractPage {
var opt1 = new RadioButton("Option 1"); var opt1 = new RadioButton("Option 1");
opt1.setToggleGroup(group); opt1.setToggleGroup(group);
var opt2 = new RadioButton("Option 1"); var opt2 = new RadioButton("Option 2");
opt2.setToggleGroup(group); opt2.setToggleGroup(group);
opt2.setSelected(true); opt2.setSelected(true);

2
styles/src/components/_checkbox.scss
View File

@ -7,7 +7,7 @@
// applied to label // applied to label
-fx-text-fill: -color-fg-default; -fx-text-fill: -color-fg-default;
-fx-label-padding: cfg.$checkbox-label-padding cfg.$checkbox-label-padding cfg.$checkbox-label-padding cfg.$graphic-gap; -fx-label-padding: cfg.$checkbox-label-padding cfg.$checkbox-label-padding 0 cfg.$graphic-gap;
>.box { >.box {
-fx-background-color: -color-fg-default, -color-bg-default; -fx-background-color: -color-fg-default, -color-bg-default;

9
styles/src/components/_radio.scss
View File

@ -7,7 +7,7 @@
// applied to label // applied to label
-fx-background-color: -color-bg-default; -fx-background-color: -color-bg-default;
-fx-text-fill: -color-fg-default; -fx-text-fill: -color-fg-default;
-fx-label-padding: cfg.$checkbox-label-padding cfg.$checkbox-label-padding cfg.$checkbox-label-padding cfg.$graphic-gap; -fx-label-padding: cfg.$checkbox-label-padding cfg.$checkbox-label-padding 0 cfg.$graphic-gap;
>.radio { >.radio {
-fx-background-color: -color-fg-default, -color-bg-default; -fx-background-color: -color-fg-default, -color-bg-default;
@ -17,7 +17,8 @@
-fx-alignment: CENTER; -fx-alignment: CENTER;
>.dot { >.dot {
-fx-background-color: transparent; -fx-background-color: transparent, transparent;
-fx-background-insets: 0, 1px;
-fx-background-radius: 1em; // large value to make sure this remains circular -fx-background-radius: 1em; // large value to make sure this remains circular
-fx-min-height: cfg.$checkbox-mark-size; -fx-min-height: cfg.$checkbox-mark-size;
-fx-max-height: cfg.$checkbox-mark-size; -fx-max-height: cfg.$checkbox-mark-size;
@ -36,10 +37,10 @@
&:selected { &:selected {
>.radio { >.radio {
-fx-background-color: -color-accent-emphasis, -color-bg-default; -fx-background-color: -color-accent-emphasis;
>.dot { >.dot {
-fx-background-color: -color-accent-emphasis; -fx-background-color: -color-accent-emphasis, -color-fg-emphasis;
} }
} }
} }