From f809a5a7a6beb09e8d567fb120013fab76e81b0f Mon Sep 17 00:00:00 2001
From: nathan <nathangray.bsc+github@gmail.com>
Date: Tue, 9 Jul 2024 14:50:51 -0600
Subject: [PATCH] Kdots: Some nextmatch styling

---
 kdots/assets/styles/framework.css  | 26 +++++++++++++--
 kdots/assets/styles/framework.less | 52 ++++++++++++++++++++++--------
 2 files changed, 63 insertions(+), 15 deletions(-)

diff --git a/kdots/assets/styles/framework.css b/kdots/assets/styles/framework.css
index 008fa57197..86b885e64d 100644
--- a/kdots/assets/styles/framework.css
+++ b/kdots/assets/styles/framework.css
@@ -302,8 +302,21 @@ div.et2_nextmatch > div:not(:first-child) {
 }
 div.et2_nextmatch .egwGridView_outer {
   height: 100%;
+  border-collapse: collapse;
 }
-div.et2_nextmatch .egwGridView_outer thead tr th.optcol span.selectcols {
+div.et2_nextmatch .egwGridView_outer thead > tr {
+  background-color: var(--sl-color-neutral-50);
+  border-bottom: var(--sl-panel-border-width) solid var(--sl-color-neutral-200);
+}
+div.et2_nextmatch .egwGridView_outer thead > tr th {
+  border-right: var(--sl-panel-border-width) solid var(--sl-color-neutral-200);
+}
+div.et2_nextmatch .egwGridView_outer thead > tr th div.innerContainer {
+  max-height: 10em;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+div.et2_nextmatch .egwGridView_outer thead > tr th.optcol span.selectcols {
   height: 9px;
   padding: 4px 14px 0 2px;
   margin-top: 4px;
@@ -313,8 +326,17 @@ div.et2_nextmatch .egwGridView_outer thead tr th.optcol span.selectcols {
   display: inline-block;
   background-position: top;
 }
-.egwGridView_scrollarea {
+div.et2_nextmatch .egwGridView_outer .egwGridView_scrollarea {
   overflow-x: hidden;
   overflow-y: auto;
 }
+div.et2_nextmatch .egwGridView_outer .egwGridView_scrollarea table {
+  border-collapse: collapse;
+}
+div.et2_nextmatch .egwGridView_outer .egwGridView_scrollarea table tr {
+  border-bottom: var(--sl-panel-border-width) solid var(--sl-color-neutral-200);
+}
+div.et2_nextmatch .egwGridView_outer .egwGridView_scrollarea table tr.selected {
+  background-color: var(--highlight-background-color);
+}
 /*** END WIDGETS ***/
diff --git a/kdots/assets/styles/framework.less b/kdots/assets/styles/framework.less
index 92a02637c3..b5b7b3c54e 100644
--- a/kdots/assets/styles/framework.less
+++ b/kdots/assets/styles/framework.less
@@ -352,24 +352,50 @@ div.et2_nextmatch {
 
   .egwGridView_outer {
 	height: 100%;
+	border-collapse: collapse;
 
-	thead tr th.optcol span.selectcols {
-	  height: 9px;
-	  padding: 4px 14px 0 2px;
-	  margin-top: 4px;
-	  background-image: url(../../../api/templates/default/images/selectcols.svg);
-	  background-repeat: no-repeat;
-	  background-size: 10px 10px;
-	  display: inline-block;
-	  background-position: top;
+	thead > tr {
+	  background-color: var(--sl-color-neutral-50);
+	  border-bottom: var(--sl-panel-border-width) solid var(--sl-color-neutral-200);
+
+	  th {
+		border-right: var(--sl-panel-border-width) solid var(--sl-color-neutral-200);
+
+		div.innerContainer {
+		  max-height: 10em;
+		  overflow-x: hidden;
+		  overflow-y: auto;
+		}
+	  }
+
+	  th.optcol span.selectcols {
+		height: 9px;
+		padding: 4px 14px 0 2px;
+		margin-top: 4px;
+		background-image: url(../../../api/templates/default/images/selectcols.svg);
+		background-repeat: no-repeat;
+		background-size: 10px 10px;
+		display: inline-block;
+		background-position: top;
+	  }
+	}
+
+	.egwGridView_scrollarea {
+	  overflow-x: hidden;
+	  overflow-y: auto;
+	  table {
+		border-collapse: collapse;
+		tr {
+		  border-bottom: var(--sl-panel-border-width) solid var(--sl-color-neutral-200);
+		}
+		tr.selected {
+		  background-color: var(--highlight-background-color);
+		}
+	  }
 	}
   }
 }
 
 
-.egwGridView_scrollarea {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
 
 /*** END WIDGETS ***/
\ No newline at end of file