Define selected state for toggle-button

kordamp · Feb 2, 2016 · 5f2c64e · 5f2c64e
1 parent 35b8eaa
commit 5f2c64e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/subprojects/bootstrapfx-core/src/sass/resources/bootstrap/_buttons.scss b/subprojects/bootstrapfx-core/src/sass/resources/bootstrap/_buttons.scss
@@ -22,6 +22,7 @@
   @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);
   //@include user-select(none);
 
+  -fx-min-width: 80;
 //  &,
 //  &:pressed,
 //  &.pressed {

diff --git a/subprojects/bootstrapfx-core/src/sass/resources/bootstrap/mixins/_buttons.scss b/subprojects/bootstrapfx-core/src/sass/resources/bootstrap/mixins/_buttons.scss
@@ -39,6 +39,22 @@
       -fx-border-color: darken($border, 25%);
     }
   }
+  &:selected,
+  &.selected {
+    -fx-text-fill: $color;
+    -fx-fill: $color;
+    -fx-background-color: darken($background, 10%);
+    -fx-border-color: darken($border, 12%);
+
+    &:hover,
+    &:focused,
+    &.focused {
+      -fx-text-fill: $color;
+      -fx-fill: $color;
+      -fx-background-color: darken($background, 17%);
+      -fx-border-color: darken($border, 25%);
+    }
+  }
   &:pressed,
   &.pressed,
   .open > &.dropdown-toggle {