mirror of
https://github.com/xpipe-io/xpipe.git
synced 2024-11-25 17:10:27 +00:00
Rework icon backgrounds
This commit is contained in:
parent
51196f15bb
commit
9334af49ae
2 changed files with 8 additions and 4 deletions
|
@ -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);
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue