cybercore-systems/cybercore-signer
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(ui): restore hub action card height, grid layout constraints and side list styling

Browse Source
This commit is contained in:
Claudecio Martins
2026-10-20 22:17:03 -03:00
parent cfea07a179
commit ed69db4d59
2 changed files with 37 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/cybercore-ui/src/main/java/br/com/cybercore/signer/ui/view/MainAppView.java
+13 -3
View File
@@ -81,9 +81,19 @@ public final class MainAppView {
ColumnConstraints col = new ColumnConstraints(); ColumnConstraints col = new ColumnConstraints();
col.setHgrow(Priority.ALWAYS); col.setHgrow(Priority.ALWAYS);
col.setPercentWidth(33.33); col.setPercentWidth(33.33);
col.setFillWidth(true);
actionGrid.getColumnConstraints().add(col); actionGrid.getColumnConstraints().add(col);
} }
for (int i = 0; i < 2; i++) {
javafx.scene.layout.RowConstraints row = new javafx.scene.layout.RowConstraints();
row.setVgrow(Priority.NEVER);
row.setMinHeight(68);
row.setPrefHeight(Region.USE_COMPUTED_SIZE);
row.setFillHeight(true);
actionGrid.getRowConstraints().add(row);
}
// Linha 0: Operações de Assinatura // Linha 0: Operações de Assinatura
actionGrid.add(createActionButton(Icons.pdf(Icons.SIZE_40), "Assinar\nPDF", () -> trigger(onSignPdf)), 0, 0); actionGrid.add(createActionButton(Icons.pdf(Icons.SIZE_40), "Assinar\nPDF", () -> trigger(onSignPdf)), 0, 0);
actionGrid.add(createActionButton(Icons.xml(Icons.SIZE_40), "Assinar\nXML", () -> trigger(onSignXml)), 1, 0); actionGrid.add(createActionButton(Icons.xml(Icons.SIZE_40), "Assinar\nXML", () -> trigger(onSignXml)), 1, 0);
@@ -211,8 +221,8 @@ public final class MainAppView {
Button btn = new Button(); Button btn = new Button();
btn.getStyleClass().add("cyber-action-card"); btn.getStyleClass().add("cyber-action-card");
btn.setMaxWidth(Double.MAX_VALUE); btn.setMaxWidth(Double.MAX_VALUE);
btn.setPrefHeight(72); btn.setPrefHeight(68);
btn.setMinHeight(68); btn.setMinHeight(Region.USE_PREF_SIZE);
HBox content = new HBox(12); HBox content = new HBox(12);
content.setAlignment(Pos.CENTER_LEFT); content.setAlignment(Pos.CENTER_LEFT);
@@ -245,7 +255,7 @@ public final class MainAppView {
Button btn = new Button(); Button btn = new Button();
btn.getStyleClass().add("cyber-side-card"); btn.getStyleClass().add("cyber-side-card");
btn.setPrefHeight(42); btn.setPrefHeight(42);
btn.setMinHeight(42); btn.setMinHeight(40);
btn.setMaxWidth(Double.MAX_VALUE); btn.setMaxWidth(Double.MAX_VALUE);
HBox content = new HBox(12); HBox content = new HBox(12);
modules/cybercore-ui/src/main/resources/styles/theme.css
+24 -2
View File
@@ -145,6 +145,7 @@
3. HUB DE AÇÕES E PAINEL LATERAL 3. HUB DE AÇÕES E PAINEL LATERAL
========================================================================== */ ========================================================================== */
.button.cyber-action-card,
.cyber-action-card { .cyber-action-card {
-fx-background-color: -fx-color-surface; -fx-background-color: -fx-color-surface;
-fx-border-color: -fx-color-border; -fx-border-color: -fx-color-border;
@@ -160,16 +161,24 @@
-fx-effect: dropshadow(three-pass-box, -fx-color-shadow, 6, 0, 0, 2); -fx-effect: dropshadow(three-pass-box, -fx-color-shadow, 6, 0, 0, 2);
} }
.button.cyber-action-card:hover,
.cyber-action-card:hover { .cyber-action-card:hover {
-fx-background-color: -fx-color-surface-hover; -fx-background-color: -fx-color-surface-hover;
-fx-border-color: -fx-color-primary; -fx-border-color: -fx-color-primary;
-fx-effect: dropshadow(three-pass-box, -fx-color-shadow-hover, 10, 0, 0, 4); -fx-effect: dropshadow(three-pass-box, -fx-color-shadow-hover, 10, 0, 0, 4);
} }
.button.cyber-action-card:pressed,
.cyber-action-card:pressed { .cyber-action-card:pressed {
-fx-background-color: -fx-color-surface-active; -fx-background-color: -fx-color-surface-active;
} }
.button.cyber-action-card:focused,
.cyber-action-card:focused {
-fx-border-color: -fx-color-focus;
-fx-border-width: 1.5px;
}
.cyber-action-text { .cyber-action-text {
-fx-font-size: 13px; -fx-font-size: 13px;
-fx-font-weight: bold; -fx-font-weight: bold;
@@ -187,6 +196,7 @@
-fx-effect: dropshadow(three-pass-box, -fx-color-shadow, 4, 0, 0, 1); -fx-effect: dropshadow(three-pass-box, -fx-color-shadow, 4, 0, 0, 1);
} }
.button.cyber-side-card,
.cyber-side-card { .cyber-side-card {
-fx-background-color: transparent; -fx-background-color: transparent;
-fx-border-color: transparent; -fx-border-color: transparent;
@@ -196,18 +206,29 @@
-fx-padding: 6px 10px; -fx-padding: 6px 10px;
-fx-alignment: CENTER_LEFT; -fx-alignment: CENTER_LEFT;
-fx-cursor: hand; -fx-cursor: hand;
-fx-pref-height: 40px;
-fx-min-height: 40px;
-fx-max-width: Infinity; -fx-max-width: Infinity;
} }
.button.cyber-side-card:hover,
.cyber-side-card:hover { .cyber-side-card:hover {
-fx-background-color: -fx-color-surface-hover; -fx-background-color: -fx-color-surface-hover;
-fx-border-color: -fx-color-border-subtle; -fx-border-color: -fx-color-border-subtle;
} }
.button.cyber-side-card:pressed,
.cyber-side-card:pressed { .cyber-side-card:pressed {
-fx-background-color: -fx-color-surface-active; -fx-background-color: -fx-color-surface-active;
} }
.button.cyber-side-card:focused,
.cyber-side-card:focused {
-fx-background-color: -fx-color-surface-hover;
-fx-border-color: -fx-color-focus;
-fx-border-width: 1.5px;
}
.cyber-side-text { .cyber-side-text {
-fx-font-size: 13px; -fx-font-size: 13px;
-fx-text-fill: -fx-color-text; -fx-text-fill: -fx-color-text;
@@ -522,7 +543,7 @@
-fx-background-color: transparent; -fx-background-color: transparent;
-fx-border-color: transparent; -fx-border-color: transparent;
-fx-border-width: 1px; -fx-border-width: 1px;
-fx-text-fill: -fx-color-text; -fx-text-fill: -fx-color-text-muted;
-fx-font-weight: 500; -fx-font-weight: 500;
} }
@@ -542,7 +563,8 @@
.btn-ghost:focused, .btn-ghost:focused,
.btn-toolbar:focused, .btn-toolbar:focused,
.btn-cancel:focused { .btn-cancel:focused {
-fx-border-color: -fx-color-focus; -fx-background-color: -fx-color-surface-hover;
-fx-border-color: -fx-color-border-subtle;
-fx-border-width: 1.5px; -fx-border-width: 1.5px;
} }