Minor UI improvements
This commit is contained in:
parent
ef930a7907
commit
1286854da5
@ -108,7 +108,7 @@ class MainLayer extends BorderPane {
|
|||||||
|
|
||||||
// startup, no prev page, no animation
|
// startup, no prev page, no animation
|
||||||
if (getScene() == null) {
|
if (getScene() == null) {
|
||||||
subLayerPane.getChildren().setAll(nextPage.getView());
|
subLayerPane.getChildren().add(nextPage.getView());
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -118,7 +118,7 @@ class MainLayer extends BorderPane {
|
|||||||
prevPage.reset();
|
prevPage.reset();
|
||||||
|
|
||||||
// animate switching between pages
|
// animate switching between pages
|
||||||
subLayerPane.getChildren().setAll(nextPage.getView());
|
subLayerPane.getChildren().add(nextPage.getView());
|
||||||
var transition = new FadeTransition(Duration.millis(PAGE_TRANSITION_DURATION), nextPage.getView());
|
var transition = new FadeTransition(Duration.millis(PAGE_TRANSITION_DURATION), nextPage.getView());
|
||||||
transition.setFromValue(0.0);
|
transition.setFromValue(0.0);
|
||||||
transition.setToValue(1.0);
|
transition.setToValue(1.0);
|
||||||
|
@ -269,9 +269,10 @@ class ContrastChecker extends GridPane {
|
|||||||
getFgColorName(), fgColor.getColor()
|
getFgColorName(), fgColor.getColor()
|
||||||
)));
|
)));
|
||||||
|
|
||||||
var controlsBox = new HBox(20, new Spacer(), flattenBtn, applyBtn);
|
var actionsBox = new HBox(20, new Spacer(), flattenBtn, applyBtn);
|
||||||
controlsBox.setAlignment(Pos.CENTER_LEFT);
|
actionsBox.getStyleClass().add("actions");
|
||||||
controlsBox.setPadding(new Insets(10, 0, 0, 0));
|
actionsBox.setAlignment(Pos.CENTER_LEFT);
|
||||||
|
actionsBox.setPadding(new Insets(10, 0, 0, 0));
|
||||||
|
|
||||||
// ~
|
// ~
|
||||||
|
|
||||||
@ -291,7 +292,7 @@ class ContrastChecker extends GridPane {
|
|||||||
add(bgAlphaLabel, 0, 10);
|
add(bgAlphaLabel, 0, 10);
|
||||||
add(bgAlphaSlider, 0, 11);
|
add(bgAlphaSlider, 0, 11);
|
||||||
|
|
||||||
add(controlsBox, 0, 12, REMAINING, 1);
|
add(actionsBox, 0, 12, REMAINING, 1);
|
||||||
|
|
||||||
// column 1
|
// column 1
|
||||||
add(new Label("Foreground Color"), 1, 1);
|
add(new Label("Foreground Color"), 1, 1);
|
||||||
|
@ -26,6 +26,17 @@
|
|||||||
-fx-pref-width: 150px;
|
-fx-pref-width: 150px;
|
||||||
-color-cell-bg-selected: -color-cell-bg;
|
-color-cell-bg-selected: -color-cell-bg;
|
||||||
-color-cell-fg-selected: -color-accent-fg;
|
-color-cell-fg-selected: -color-accent-fg;
|
||||||
|
|
||||||
|
.list-cell {
|
||||||
|
&:filled {
|
||||||
|
-fx-border-width: 0 0 0 2;
|
||||||
|
-fx-border-color: -color-border-muted;
|
||||||
|
}
|
||||||
|
&:selected {
|
||||||
|
-color-cell-fg: -color-cell-fg-selected;
|
||||||
|
-fx-border-color: -color-accent-emphasis;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -42,10 +42,6 @@
|
|||||||
-color-button-fg-pressed: -color-contrast-checker-fg;
|
-color-button-fg-pressed: -color-contrast-checker-fg;
|
||||||
-color-button-border-pressed: transparent;
|
-color-button-border-pressed: transparent;
|
||||||
|
|
||||||
-fx-border-width: 1px;
|
|
||||||
-fx-border-color: -color-contrast-checker-fg;
|
|
||||||
-fx-border-radius: 4px;
|
|
||||||
|
|
||||||
&:armed,
|
&:armed,
|
||||||
&:focused:armed {
|
&:focused:armed {
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
@ -99,6 +95,14 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
>.actions {
|
||||||
|
>.button {
|
||||||
|
-fx-border-width: 1px;
|
||||||
|
-fx-border-color: -color-contrast-checker-fg;
|
||||||
|
-fx-border-radius: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.context-menu {
|
.context-menu {
|
||||||
-fx-background-color: -color-border-muted, -color-bg-default;
|
-fx-background-color: -color-border-muted, -color-bg-default;
|
||||||
|
|
||||||
@ -121,7 +125,9 @@
|
|||||||
|
|
||||||
>.close-button {
|
>.close-button {
|
||||||
-color-button-fg: -color-dialog-fg;
|
-color-button-fg: -color-dialog-fg;
|
||||||
-color-button-bg-hover: derive(-color-dialog-bg, 10%);
|
-color-button-bg-hover: derive(-color-dialog-bg, 30%);
|
||||||
|
-color-button-border-hover: transparent;
|
||||||
|
-color-button-border-focused: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user