Added headings to connection screen+modified color

Dyalog · Sep 13, 2023 · 16edffd · 16edffd
1 parent 4e8a855
commit 16edffd
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -20,17 +20,19 @@
 <!--Connect page-->
 <div id=cn class="container-fluid" hidden>
   <div id="cn_lhs" class="col col-xs-3">
+    <div class="cn_head"><h2>Available Configurations</h2></div>
     <div id=cn_favs></div>
     <div id=cn_fav_btns class=dlg_btns>
       <div class="col left">
-        <button id=cn_neu><u>N</u>ew Configuration...</button>
-        <button id=cn_tgl_cfg class="pull-right"><u>C</u>ustom options
+        <button id=cn_neu><u>N</u>ew...</button>
+        <button id=cn_tgl_cfg class="pull-right"><u>E</u>dit
           <span id=cn_tgl_cfg_arrow></span>
         </button>
       </div>
     </div>
   </div>
   <div id="cn_rhs">
+    <div class="cn_head"><h2>Configuration Details</h2></div>
     <div id="cn_rhs_inner">
       <div id=cn_type_dtl>
         <div class="row">

diff --git a/style/less/colour/connect_page.less b/style/less/colour/connect_page.less
@@ -45,6 +45,8 @@
 		outline: dotted black 1px;
 	}
 	>div{
+		border: 1px solid @DLG_BOTTOM_BG;
+		line-height: 36px;
 		background:@CN_FAV_BTN_BG;
 		color:@CN_FAV_BTN_FG;
 		&:not(:first-child) {
@@ -79,3 +81,7 @@
 		font-family: monospace;
 	}
 }
+.cn_head {
+	background-color: @DLG_BOTTOM_BG;
+	color: @CN_INPUT_FG;
+}
diff --git a/style/less/layout/connect_page.less b/style/less/layout/connect_page.less
@@ -49,7 +49,7 @@
 }
 
 #cn_favs {
-  position:absolute;
+  position:relative;
   top: 0;
   left: 0;
   right: 0;
@@ -163,4 +163,12 @@
 
 #cn_args, #cn_env {
   width:100%;
+}
+.cn_head {
+  width:100%;
+  height: 4%;
+}
+.cn_head h2 {
+  font-weight: bold;
+  padding: 5px; 
 }
diff --git a/style/less/themes/base.less b/style/less/themes/base.less
@@ -15,7 +15,7 @@
 @DYALOG_LOGO_IMG:url(img/dyalog.png);
 @RIDE_LOGO_IMG:url(img/RideLogo.png);
 @SPLASH_IMG:url(img/RideSplash-Blue.png);
-@CN_LHS_BG:@THEME_SECONDARY_DIM;
+@CN_LHS_BG:@THEME_SECONDARY;
 @CN_RHS_BG:@THEME_SECONDARY;
 @CN_RHS_BG2:@THEME_SECONDARY;
 @CN_INPUT_BG:@CN_LHS_BG;

diff --git a/style/less/themes/dark.less b/style/less/themes/dark.less
@@ -1,7 +1,7 @@
 @THEME_SECONDARY:#272937;
 @THEME_WIN_BG:@THEME_SECONDARY_DIM;
 @THEME_WIN_FG:white;
-@CN_LHS_BG:@THEME_SECONDARY;
+@CN_LHS_BG:#08090c;
 @CN_RHS_BG:@THEME_SECONDARY_DIM;
 @CN_RHS_BG2:black;
 @CN_INPUT_FG:white;

diff --git a/style/less/themes/light.less b/style/less/themes/light.less
@@ -1,7 +1,7 @@
 @THEME_SECONDARY:#edeff5;
 @THEME_WIN_BG:@THEME_PRIMARY;
 @THEME_WIN_FG:black;
-@CN_LHS_BG:@THEME_SECONDARY_DIM;
+@CN_LHS_BG:#edeff5;
 @CN_RHS_BG:@THEME_SECONDARY;
 @CN_RHS_BG2:@THEME_SECONDARY;
 @CN_INPUT_FG:black;