Made the contact search area appealing for the eye and relocated buttons

This commit is contained in:
DieGurke 2020-08-01 10:00:34 +02:00
parent b678ae295b
commit 74ebd158f2
3 changed files with 50 additions and 16 deletions

View File

@ -8,7 +8,7 @@
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#messageEnterContainer { #textEnterContainer, #contact-search-enter-container {
-fx-background-radius: 5.0em; -fx-background-radius: 5.0em;
} }

View File

@ -46,14 +46,24 @@
-fx-background-color: rgb(25, 25, 25); -fx-background-color: rgb(25, 25, 25);
} }
#chatList, #topBar { #chatList, #topBar, #search-panel {
-fx-background-color: #303030; -fx-background-color: #303030;
} }
#messageEnterContainer { #textEnterContainer {
-fx-background-color: #363636; -fx-background-color: #363636;
} }
#contact-search-enter-container {
-fx-background-color: #202020;
}
#underline {
-fx-border: solid;
-fx-border-width: 0.0 0.0 1.0 0.0;
-fx-border-color: #202020;
}
.groupMemberNames { .groupMemberNames {
-fx-text-fill: rgb(105.0,0.0,153.0); -fx-text-fill: rgb(105.0,0.0,153.0);
-fx-font-weight: bold; -fx-font-weight: bold;

View File

@ -35,16 +35,45 @@
<Insets right="1.0" /> <Insets right="1.0" />
</GridPane.margin> </GridPane.margin>
<children> <children>
<VBox maxHeight="-Infinity" minHeight="-Infinity" prefHeight="60.0" prefWidth="316.0"> <VBox id="search-panel" maxHeight="-Infinity" minHeight="-Infinity" prefHeight="80.0" prefWidth="316.0">
<children> <children>
<TextArea fx:id="contactSearch" onInputMethodTextChanged="#searchContacts" onKeyTyped="#searchContacts" focusTraversable="false" maxHeight="30.0" minHeight="30.0" prefHeight="30.0" prefWidth="200.0" promptText="Search Contacts"> <Label id="contact-search-enter-container" maxHeight="30.0" minHeight="30.0" prefHeight="30.0" prefWidth="325.0">
<font> <graphic>
<Font size="14.0" /> <TextArea id="contactSearchInput" fx:id="contactSearch" focusTraversable="false" maxHeight="30.0" minHeight="30.0" onInputMethodTextChanged="#searchContacts" onKeyTyped="#searchContacts" prefHeight="30.0" prefWidth="200.0" promptText="Search Contacts">
</font> <font>
<Font size="14.0" />
</font>
<padding>
<Insets left="12.0" right="12.0" />
</padding>
</TextArea>
</graphic>
<VBox.margin> <VBox.margin>
<Insets left="10.0" right="10.0" /> <Insets left="10.0" right="10.0" top="3.0" />
</VBox.margin> </VBox.margin>
</TextArea> </Label>
<HBox id="underline" alignment="TOP_CENTER" prefHeight="41.0" prefWidth="296.0" spacing="5.0">
<children>
<Button mnemonicParsing="true" onAction="#addContactButtonClicked" prefHeight="27.0" prefWidth="82.0" text=" Add Contact">
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
<HBox.margin>
<Insets />
</HBox.margin>
</Button>
<Button mnemonicParsing="false" prefHeight="27.0" prefWidth="82.0" text="New Group">
<HBox.margin>
<Insets />
</HBox.margin></Button>
</children>
<VBox.margin>
<Insets left="10.0" right="10.0" top="5.0" />
</VBox.margin>
<padding>
<Insets top="3.0" />
</padding>
</HBox>
</children> </children>
</VBox> </VBox>
<ListView id="chatList" fx:id="chatList" focusTraversable="false" onMouseClicked="#chatListClicked" prefWidth="316.0" VBox.vgrow="ALWAYS"> <ListView id="chatList" fx:id="chatList" focusTraversable="false" onMouseClicked="#chatListClicked" prefWidth="316.0" VBox.vgrow="ALWAYS">
@ -90,11 +119,6 @@
<Insets /> <Insets />
</VBox.margin> </VBox.margin>
</Button> </Button>
<Button mnemonicParsing="true" onAction="#addContactButtonClicked" prefHeight="30.0" prefWidth="30.0" text=" + ">
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
</Button>
</children> </children>
<HBox.margin> <HBox.margin>
<Insets right="10.0" /> <Insets right="10.0" />
@ -118,7 +142,7 @@
</ListView> </ListView>
<HBox alignment="CENTER" GridPane.columnIndex="1" GridPane.rowIndex="3"> <HBox alignment="CENTER" GridPane.columnIndex="1" GridPane.rowIndex="3">
<children> <children>
<Label id="messageEnterContainer" alignment="CENTER" minWidth="300.0" prefHeight="100.0" prefWidth="800.0"> <Label id="textEnterContainer" alignment="CENTER" minWidth="300.0" prefHeight="100.0" prefWidth="800.0">
<graphic> <graphic>
<TextArea id="messageEnter" fx:id="messageTextArea" disable="true" onInputMethodTextChanged="#messageTextUpdated" onKeyPressed="#checkPostConditions" onKeyTyped="#checkKeyCombination" prefHeight="100.0" prefWidth="1250.0" promptText="Enter Message" wrapText="true"> <TextArea id="messageEnter" fx:id="messageTextArea" disable="true" onInputMethodTextChanged="#messageTextUpdated" onKeyPressed="#checkPostConditions" onKeyTyped="#checkKeyCombination" prefHeight="100.0" prefWidth="1250.0" promptText="Enter Message" wrapText="true">
<opaqueInsets> <opaqueInsets>