Qortal/altcoinj
3
0
Fork 0
mirror of https://github.com/Qortal/altcoinj.git synced 2025-01-31 07:12:17 +00:00
Code Issues Projects Releases Wiki Activity

WalletTemplate: Small visual tweaks

Browse Source
This commit is contained in:
Mike Hearn 2014-09-22 20:07:56 +02:00
parent f237908308
commit bc0c9da33c
2 changed files with 37 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
wallettemplate/src/main/resources/wallettemplate/main.fxml
View File

@ -13,9 +13,8 @@
<?import javafx.scene.paint.*?>
<?import javafx.scene.text.*?>
<?import wallettemplate.controls.*?>
<?import wallettemplate.controls.ClickableBitcoinAddress ?>
<AnchorPane styleClass="root-pane" maxHeight="Infinity" maxWidth="Infinity" minHeight="200.0" minWidth="300.0" prefHeight="400.0" prefWidth="800.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="wallettemplate.MainController">
<AnchorPane maxHeight="Infinity" maxWidth="Infinity" minHeight="200.0" minWidth="300.0" prefHeight="451.0" prefWidth="800.0" styleClass="root-pane" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="wallettemplate.MainController">
<children>
<Label layoutX="14.0" layoutY="14.0" text="Balance">
<font>
@ -35,14 +34,10 @@
<Label font="$x1" text="BTC" textFill="$x2" />
</children>
</HBox>
<HBox fx:id="controlsBox" alignment="TOP_LEFT" fillHeight="true" layoutX="14.0" minHeight="16.0" prefHeight="16.0" prefWidth="205.0" spacing="10.0" translateY="60.0" visible="true" AnchorPane.bottomAnchor="29.0">
<HBox fx:id="controlsBox" alignment="TOP_LEFT" fillHeight="true" layoutX="14.0" layoutY="347.0" minHeight="16.0" prefHeight="36.0" prefWidth="243.0" spacing="10.0" translateY="60.0" visible="true" AnchorPane.bottomAnchor="17.0">
<children>
<Button id="connectBtn" defaultButton="true" mnemonicParsing="false" text="Primary">
<HBox.margin>
<Insets />
</HBox.margin>
</Button>
<Button mnemonicParsing="false" text="Secondary" />
<Button id="connectBtn" defaultButton="true" mnemonicParsing="false" styleClass="fat-button" text="Primary" />
<Button cancelButton="true" mnemonicParsing="false" styleClass="fat-button" text="Secondary" />
</children>
</HBox>
<ImageView fitHeight="243.0" fitWidth="243.0" opacity="0.28" pickOnBounds="true" preserveRatio="true" AnchorPane.bottomAnchor="-36.0" AnchorPane.rightAnchor="-34.0">
@ -58,14 +53,16 @@
</image>
</ImageView>
<ClickableBitcoinAddress fx:id="addressControl" layoutY="45.0" prefHeight="21.0" prefWidth="391.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="195.0" />
<StackPane style="-fx-border-color: lightgrey; -fx-border-style: dashed" layoutX="14.0" layoutY="81.0" prefHeight="249.0" prefWidth="572.0" AnchorPane.leftAnchor="15.0" AnchorPane.rightAnchor="15.0">
<StackPane layoutX="14.0" layoutY="81.0" prefHeight="249.0" prefWidth="572.0" style="-fx-border-color: lightgrey; -fx-border-style: dashed" AnchorPane.bottomAnchor="70.0" AnchorPane.leftAnchor="15.0" AnchorPane.rightAnchor="15.0" AnchorPane.topAnchor="81.0">
<children>
<Label text="Your content goes here" />
</children>
</StackPane>
<HBox AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="17.0" spacing="20">
<Button onAction="#settingsClicked" text="Settings"/>
<Button id="sendMoneyOut" fx:id="sendMoneyOutBtn" alignment="CENTER" mnemonicParsing="false" onAction="#sendMoneyOut" text="Send money out" />
<HBox spacing="20" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="17.0">
<children>
<Button onAction="#settingsClicked" style="-fx-base: white;" styleClass="fat-button" text="Settings" />
<Button id="sendMoneyOut" fx:id="sendMoneyOutBtn" alignment="CENTER" mnemonicParsing="false" onAction="#sendMoneyOut" style="-fx-base: lightgreen;" styleClass="fat-button" text="Send money out" />
</children>
</HBox>
</children>
</AnchorPane>

27
wallettemplate/src/main/resources/wallettemplate/wallet.css
View File

@ -29,3 +29,30 @@
.info-bar > .progress-bar > .track {
-fx-opacity: 0.0;
}
.fat-button {
-fx-padding: 10 15 10 15;
-fx-min-width: 100;
-fx-base: whitesmoke;
}
.fat-button:default {
-fx-base: orange;
-fx-text-fill: white;
}
.fat-button:cancel {
-fx-background-color: lightgray, white;
-fx-background-insets: 0, 1;
-fx-background-radius: 3;
-fx-text-fill: black;
}
.fat-button:cancel:hover {
-fx-base: white;
-fx-background-insets: -1, 0, 1, 2;
-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
-fx-background-radius: 3;
-fx-text-fill: black;
}