Minor UI improvements

This commit is contained in:
mkpaz 2022-09-30 14:35:29 +04:00
parent ef930a7907
commit 1286854da5
4 changed files with 31 additions and 13 deletions

@ -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;
} }
} }