[WIP] Added new toggle for steer turning mode and submit and reset button (restore the setting to default)

- minor fix of UI elements to make the font smaller
- centred labels and buttons

tags: #story[1246]
This commit is contained in:
Haoming Yin
2017-09-22 13:53:36 +12:00
parent d4d7ddf8e2
commit c20c6fb264
2 changed files with 88 additions and 32 deletions
@@ -6,24 +6,35 @@
JFXButton {
-fx-background-color: -fx-pp-light-text-color;
-fx-text-fill: -fx-pp-theme-color;
-fx-font-size: 17px;
-fx-effect: -fx-pp-dropshadow-dark;
-fx-font-size: 15px;
-fx-effect: -fx-pp-dropshadow-light;
}
Label {
-fx-font-size: 25px;
-fx-font-size: 20px;
-fx-text-fill: -fx-pp-theme-color;
/*-fx-effect: -fx-pp-dropshadow-dark;*/
-fx-effect: -fx-pp-dropshadow-light;
}
JFXButton:hover {
-fx-font-size: 20px;
-fx-font-size: 18px;
-fx-background-color: -fx-pp-light-theme-color;
-fx-text-fill: -fx-pp-light-text-color;
}
JFXButton:focused {
-fx-font-size: 20px;
-fx-font-size: 18px;
-fx-background-color: -fx-pp-theme-color;
-fx-text-fill: -fx-pp-light-text-color;
}
JFXToggleButton {
-jfx-toggle-color: -fx-pp-theme-color;
-fx-text-fill: -fx-pp-theme-color;
}
#resetBtn, #confirmBtn {
-fx-background-color: -fx-pp-theme-color;
-fx-text-fill: -fx-pp-front-color;
-fx-effect: -fx-pp-dropshadow-light;
}