feat(datatables): ✨ add basic styles for search pane

StarCitizenTools · Mar 19, 2024 · b7df8c9 · b7df8c9
1 parent d0d07d6
commit b7df8c9
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/skinStyles/jquery/datatables.less b/skinStyles/jquery/datatables.less
@@ -10,6 +10,7 @@
 
 /* jquery.dataTables.css */
 table.dataTable {
+	display: table;
 	max-width: 100%;
 	overflow: auto;
 	font-size: var( --font-size-small );
@@ -261,3 +262,35 @@ table.dataTable.no-footer {
 	// Add top border as divider if there are filter on top
 	border-top: 1px solid var( --border-color-base );
 }
+
+/* Search pane */
+div.dtsp-topRow.dtsp-bordered {
+	border: 1px solid var( --border-color-base );
+    border-radius: var( --border-radius--medium );
+
+	&:hover {
+		border: 1px solid var( --border-color-base );
+		border-radius: var( --border-radius--medium );
+		background-color: var( --background-color-quiet--hover );
+		opacity: 1;
+	}
+}
+
+div.dtsp-panesContainer {
+	div.dtsp-searchPanes {
+		div.dtsp-searchPane {
+			div.dataTables_wrapper {
+				border: 1px solid var( --border-color-base );
+				border-radius: var( --border-radius--medium );
+
+				&:hover {
+					border: 1px solid var( --border-color-base );
+				}
+			}
+		}
+	}
+
+	div.dataTables_wrapper div.dataTables_scrollBody {
+		background: transparent !important;
+	}
+}