toolbar styling

This commit is contained in:
Sebastian Stenzel
2019-07-23 16:17:30 +02:00
parent 5af2a392ea
commit ac6249f541
2 changed files with 26 additions and 22 deletions

View File

@@ -85,6 +85,15 @@
-fx-border-width: 1px 0 0 0;
}
.toolbar-container .button {
-fx-pref-height: 30px;
-fx-pref-width: 30px;
-fx-background-color: transparent;
-fx-background-insets: 0;
-fx-border-color: transparent CONTROL_BORDER transparent transparent;
-fx-border-width: 1;
}
/*******************************************************************************
* *
* Tooltip *

View File

@@ -24,27 +24,22 @@
<Arc styleClass="onboarding-overlay-arc" AnchorPane.bottomAnchor="5.0" type="OPEN" centerX="-10.0" centerY="0.0" radiusY="100.0" radiusX="60.0" startAngle="0" length="-60.0" strokeWidth="1"/>
</AnchorPane>
</StackPane>
<HBox styleClass="toolbar-container" VBox.vgrow="NEVER" spacing="6" alignment="CENTER_LEFT">
<padding>
<Insets bottom="6" left="6" right="6" top="6"/>
</padding>
<children>
<Button contentDisplay="GRAPHIC_ONLY" mnemonicParsing="false" onAction="#didClickAddVault">
<graphic>
<FontAwesomeIconView glyphName="PLUS"/>
</graphic>
<tooltip>
<Tooltip text="Add Vault"/>
</tooltip>
</Button>
<Button contentDisplay="GRAPHIC_ONLY" mnemonicParsing="false" onAction="#didClickRemoveVault">
<graphic>
<FontAwesomeIconView glyphName="MINUS"/>
</graphic>
<tooltip>
<Tooltip text="Remove Vault"/>
</tooltip>
</Button>
</children>
<HBox styleClass="toolbar-container" VBox.vgrow="NEVER" alignment="CENTER_LEFT">
<Button contentDisplay="GRAPHIC_ONLY" mnemonicParsing="false" onAction="#didClickAddVault">
<graphic>
<FontAwesomeIconView glyphName="PLUS"/>
</graphic>
<tooltip>
<Tooltip text="Add Vault"/>
</tooltip>
</Button>
<Button contentDisplay="GRAPHIC_ONLY" mnemonicParsing="false" onAction="#didClickRemoveVault">
<graphic>
<FontAwesomeIconView glyphName="MINUS"/>
</graphic>
<tooltip>
<Tooltip text="Remove Vault"/>
</tooltip>
</Button>
</HBox>
</VBox>