Update: List / Table layout – selected item stroke should be tinted b…

…lue.
WordPress · Jul 9, 2024 · 5bfcdc4 · 5bfcdc4
1 parent eb74cf5
commit 5bfcdc4
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
@@ -100,7 +100,7 @@
 		}
 	}
 	tr {
-		border-bottom: 1px solid $gray-100;
+		border-top: 1px solid $gray-100;
 
 		.dataviews-view-table-header-button {
 			gap: $grid-unit-05;
@@ -164,6 +164,10 @@
 			background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 			color: $gray-700;
 
+			&, & + tr {
+				border-top: 1px solid var(--wp-admin-theme-color);
+			}
+
 			&:hover {
 				background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 			}
@@ -179,7 +183,6 @@
 		}
 		th {
 			background-color: $white;
-			box-shadow: inset 0 -#{$border-width} 0 $gray-100;
 			padding-top: $grid-unit-10;
 			padding-bottom: $grid-unit-10;
 			padding-left: $grid-unit-15;
@@ -443,6 +446,10 @@
 			.dataviews-view-list__item {
 				padding-right: 0;
 			}
+			border-top: 1px solid var(--wp-admin-theme-color);
+			& + li {
+				border-top: 1px solid var(--wp-admin-theme-color);
+			}
 		}
 
 		&:not(.is-selected) {