Add some hover effects

This commit is contained in:
2020-07-10 14:24:35 +02:00
parent 43c9f4ce9e
commit 55fd6b9939
8 changed files with 83 additions and 49 deletions

View File

@@ -37,10 +37,16 @@ Label.green {
.quest-container {
-fx-border-width: 0 0 1 0;
-fx-border-color: #aaaaaa;
-fx-background-color: #eeeeee;
-fx-background-color: #ffffff;
}
.quest-container.quest-out {
-fx-background-color: #dddddd;
}
.quest-container.quest-out ImageView {
-fx-blend-mode: hard-light;
#-fx-blend-mode: lighten;
}
.quest-container.quest-out.drop-hover {
-fx-background-color: #eeeeee;
}
.quest-reward {
-fx-text-fill: #457229;
@@ -76,8 +82,10 @@ Label.green {
}
#storage-grid > * {
-fx-border-color: #dddddd;
-fx-border-width: 1;
-fx-background-color: #ffffff;
}
#storage-grid > .drop-hover {
-fx-background-color: #eeeeee;
}
.storage-slot-item-title {
-fx-end-margin: 10;

View File

@@ -10,7 +10,7 @@
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>
<GridPane fx:id="questContainer" maxHeight="-Infinity" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="250.0" onDragDetected="#onDragDetected" onDragDropped="#onDragDropped" onDragOver="#onDragOver" prefHeight="80.0" styleClass="quest-container" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1">
<GridPane fx:id="questContainer" maxHeight="-Infinity" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="250.0" onDragDetected="#onDragDetected" onDragDropped="#onDragDropped" onDragEntered="#onDragEntered" onDragExited="#onDragExited" onDragOver="#onDragOver" prefHeight="80.0" styleClass="quest-container" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" maxWidth="-Infinity" minWidth="-Infinity" prefWidth="80.0" />
<ColumnConstraints hgrow="SOMETIMES" />

View File

@@ -9,7 +9,7 @@
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>
<VBox fx:id="slot" fillWidth="false" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" onDragDetected="#onDragDetected" onDragDropped="#onDragDropped" onDragOver="#onDragOver" GridPane.valignment="CENTER" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1">
<VBox fx:id="slot" fillWidth="false" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" onDragDetected="#onDragDetected" onDragDropped="#onDragDropped" onDragEntered="#onDragEntered" onDragExited="#onDragExited" onDragOver="#onDragOver" GridPane.valignment="CENTER" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1">
<children>
<GridPane alignment="CENTER_LEFT" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308">
<columnConstraints>
@@ -36,7 +36,6 @@
<Font name="System Bold" size="12.0" />
</font>
</Label>
<Label fx:id="slot0Description" textOverrun="CLIP" />
</children>
</HBox>
<HBox alignment="CENTER_LEFT" prefHeight="100.0" GridPane.columnIndex="3" GridPane.columnSpan="2147483647" GridPane.rowIndex="2">
@@ -46,7 +45,6 @@
<Font name="System Bold" size="12.0" />
</font>
</Label>
<Label fx:id="slot1Description" />
</children>
</HBox>
<HBox alignment="CENTER_LEFT" prefHeight="100.0" GridPane.columnIndex="2" GridPane.columnSpan="2147483647" GridPane.rowIndex="3">
@@ -56,7 +54,6 @@
<Font name="System Bold" size="12.0" />
</font>
</Label>
<Label fx:id="slot2Description" />
</children>
</HBox>
</children>

View File

@@ -494,7 +494,7 @@
inkscape:current-layer="layer4"
inkscape:document-units="mm"
inkscape:cy="240.10718"
inkscape:cx="145.00338"
inkscape:cx="85.404383"
inkscape:zoom="0.98994949"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
@@ -522,7 +522,7 @@
</metadata>
<g
transform="translate(-1.0191821,-12.666652)"
style="display:inline;opacity:1"
style="display:none;opacity:1"
inkscape:label="lid_open"
id="layer3"
inkscape:groupmode="layer">

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB