update(ui): add pressed visualisation to skin selection scene #14

src/main/resources/fxml/SkinSelection.fxml

@@ -12,7 +12,7 @@
    <children>
       <HBox alignment="CENTER" prefHeight="100.0" prefWidth="200.0" spacing="40.0">
          <children>
-            <ToggleButton contentDisplay="TOP" mnemonicParsing="false" text="Elias">
+            <ToggleButton contentDisplay="TOP" mnemonicParsing="false" styleClass="skinSelection" text="Elias">
                <graphic>
                   <ImageView fx:id="selection1" fitHeight="700.0" fitWidth="700.0" pickOnBounds="true" preserveRatio="true">
                      <image>
@@ -24,7 +24,7 @@
                   <ToggleGroup fx:id="selectionButton" />
                </toggleGroup>
             </ToggleButton>
-            <ToggleButton contentDisplay="TOP" mnemonicParsing="false" text="Erzan" toggleGroup="$selectionButton">
+            <ToggleButton contentDisplay="TOP" mnemonicParsing="false" styleClass="skinSelection" text="Erzan" toggleGroup="$selectionButton">
                <graphic>
                   <ImageView fx:id="selection2" fitHeight="700.0" fitWidth="700.0" pickOnBounds="true" preserveRatio="true">
                      <image>
@@ -33,7 +33,7 @@
                   </ImageView>
                </graphic>
             </ToggleButton>
-            <ToggleButton contentDisplay="TOP" mnemonicParsing="false" text="Martin" toggleGroup="$selectionButton">
+            <ToggleButton contentDisplay="TOP" mnemonicParsing="false" styleClass="skinSelection" text="Martin" toggleGroup="$selectionButton">
                <graphic>
                   <ImageView fx:id="selection3" fitHeight="700.0" fitWidth="700.0" pickOnBounds="true" preserveRatio="true">
                      <image>

src/main/resources/styles/style.css

@@ -81,3 +81,7 @@
     -fx-skin: "de.hdm_stuttgart.battlearena.Controller.ToggleButtonTransition";
     -fx-background-color: none;
 }
+
+.skinSelection:pressed {
+    -fx-background-color: rgba(255, 255, 255, 0.3);
+}
\ No newline at end of file