Rework icon backgrounds

This commit is contained in:
crschnick 2024-09-20 16:44:51 +00:00
parent 51196f15bb
commit 9334af49ae
2 changed files with 8 additions and 4 deletions

View file

@ -35,10 +35,13 @@ public class StoreIconComp extends SimpleComp {
new TooltipAugment<>(wrapper.getEntry().getProvider().displayName(), null).augment(storeIcon); new TooltipAugment<>(wrapper.getEntry().getProvider().displayName(), null).augment(storeIcon);
} }
var background = new Region();
background.getStyleClass().add("background");
var dots = new FontIcon("mdi2d-dots-horizontal"); var dots = new FontIcon("mdi2d-dots-horizontal");
dots.setIconSize((int) (h * 1.3)); dots.setIconSize((int) (h * 1.3));
var stack = new StackPane(storeIcon, dots); var stack = new StackPane(background, storeIcon, dots);
stack.setMinHeight(w + 7); stack.setMinHeight(w + 7);
stack.setMinWidth(w + 7); stack.setMinWidth(w + 7);
stack.setMaxHeight(w + 7); stack.setMaxHeight(w + 7);

View file

@ -26,16 +26,17 @@
} }
.root:light .store-entry-grid:incomplete .name { .root:light .store-entry-grid:incomplete .name {
-fx-text-fill: #981400; -fx-text-fill: #851908;
} }
.store-entry-grid:incomplete .icon { .store-entry-grid:incomplete .icon {
-fx-opacity: 0.5; -fx-opacity: 0.5;
} }
.store-entry-grid .icon { .store-entry-grid .icon > .background {
-fx-background-color: -color-bg-overlay;
-fx-background-radius: 5px; -fx-background-radius: 5px;
-fx-background-color: -color-bg-overlay;
-fx-opacity: 0.5;
} }
.store-entry-grid .icon:hover { .store-entry-grid .icon:hover {