From 1bf89a2358ae60476b114b105cae803e9be292ea Mon Sep 17 00:00:00 2001
From: Dmitry Isaenko <developer.su@gmail.com>
Date: Thu, 19 Sep 2019 01:24:51 +0300
Subject: [PATCH] UI updates

---
 src/main/resources/FXML/landingPage.fxml | 12 +++++------
 src/main/resources/res/app_light.css     | 27 ++++++++++++++++++------
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/src/main/resources/FXML/landingPage.fxml b/src/main/resources/FXML/landingPage.fxml
index 47e5bac..525a213 100644
--- a/src/main/resources/FXML/landingPage.fxml
+++ b/src/main/resources/FXML/landingPage.fxml
@@ -14,7 +14,7 @@
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.shape.SVGPath?>
 
-<AnchorPane xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="konogonka.Controllers.MainController">
+<AnchorPane xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1" fx:controller="konogonka.Controllers.MainController">
    <children>
       <VBox layoutX="10.0" layoutY="10.0" spacing="5.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
          <children>
@@ -45,7 +45,7 @@
             </ToolBar>
             <SplitPane fx:id="splitPane" dividerPositions="0.5" VBox.vgrow="ALWAYS">
                <items>
-                  <TabPane fx:id="tabPane" side="LEFT" tabClosingPolicy="UNAVAILABLE" tabMinHeight="35.0" tabMinWidth="25.0" >
+                  <TabPane fx:id="tabPane" side="LEFT" tabClosingPolicy="UNAVAILABLE" tabMinHeight="35.0" tabMinWidth="25.0">
                     <tabs>
                       <Tab closable="false">
                            <content>
@@ -63,7 +63,7 @@
                               <Label text="XCI" />
                            </graphic>
                       </Tab>
-                        <Tab closable="false">
+                        <Tab closable="false" styleClass="tab-sub">
                             <content>
                                 <fx:include fx:id="NCATab" source="NCA/NCATab.fxml" />
                             </content>
@@ -71,7 +71,7 @@
                                 <Label text="NCA" />
                             </graphic>
                         </Tab>
-                        <Tab closable="false">
+                        <Tab closable="false" styleClass="tab-sub">
                             <content>
                                 <fx:include fx:id="TIKTab" source="TIK/TIKTab.fxml" />
                             </content>
@@ -79,7 +79,7 @@
                                 <Label text="TIK" />
                             </graphic>
                         </Tab>
-                        <Tab closable="false">
+                        <Tab closable="false" styleClass="tab-sub">
                             <content>
                                 <fx:include fx:id="XMLTab" source="XML/XMLTab.fxml" />
                             </content>
@@ -87,7 +87,7 @@
                                 <Label text="XML" />
                             </graphic>
                         </Tab>
-                        <Tab closable="false">
+                        <Tab closable="false" styleClass="tab-sub">
                             <content>
                                 <fx:include fx:id="NPDMTab" source="NPDM/NPDMTab.fxml" />
                             </content>
diff --git a/src/main/resources/res/app_light.css b/src/main/resources/res/app_light.css
index 3dbf1d0..46f4afa 100644
--- a/src/main/resources/res/app_light.css
+++ b/src/main/resources/res/app_light.css
@@ -221,7 +221,7 @@
 */
 // -======================== TAB PANE =========================-
 .tab-pane .tab SVGPath{
-    -fx-fill: #2c2c2c;                                      // OK
+    -fx-fill: #2c2c2c;
 }
 .tab-pane .tab:selected SVGPath, .tab-pane .tab:hover SVGPath{
     -fx-fill: #ffffff;
@@ -231,7 +231,7 @@
     -fx-text-fill: #2c2c2c;
 }
 .tab-pane .tab{
-    -fx-background-color: #f5f5f5;                          //ok
+    -fx-background-color: #f5f5f5;
     -fx-focus-color: transparent;
     -fx-faint-focus-color: transparent;
     -fx-background-radius: 5;
@@ -240,7 +240,7 @@
     -fx-text-fill: #ffffff;
 }
 .tab-pane .tab:selected{
-    -fx-background-color: #007cad;                          // OK
+    -fx-background-color: #007cad;
     -fx-focus-color: transparent;
     -fx-faint-focus-color: transparent;
     -fx-background-radius: 5;
@@ -249,7 +249,7 @@
     -fx-text-fill: #ffffff;
 }
 .tab-pane .tab:hover{
-    -fx-background-color: #0d98ba;                          // OK
+    -fx-background-color: #0d98ba;
     -fx-focus-color: transparent;
     -fx-faint-focus-color: transparent;
     -fx-background-radius: 5;
@@ -261,13 +261,28 @@
 
 .tab-pane > .tab-header-area > .tab-header-background
 {
-   -fx-background-color: #f5f5f5;                       // OK
+   -fx-background-color: #f5f5f5;
    -fx-border-width: 0 0 1 0;
-   -fx-border-color: #959595;                              // OK
+   -fx-border-color: #959595;
 }
 .tab-pane > .tab-header-area > .headers-region > .tab {
     -fx-padding: 10;
 }
+
+// Special colors for in-file sub-files
+.tab-pane .tab-sub:selected{
+    -fx-background-color: #b90078;
+    -fx-focus-color: transparent;
+    -fx-faint-focus-color: transparent;
+    -fx-background-radius: 5;
+}
+
+.tab-pane .tab-sub:hover{
+    -fx-background-color: #df0091;
+    -fx-focus-color: transparent;
+    -fx-faint-focus-color: transparent;
+    -fx-background-radius: 5;
+}
 // -=========================== TABLE ======================-
 .table-view {
     -fx-background-color: #fefefe;