fix(list): Improve border styling (#7160)

**Related Issue:** #6373 ## Summary Fixes the "border gap" caused by the table rendered within List.
Esri · Jun 9, 2023 · a810943 · a810943
1 parent 7860faa
commit a810943
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss
@@ -55,7 +55,7 @@ td {
 
 tr:focus,
 td:focus {
-  @apply focus-normal z-sticky;
+  @apply focus-inset z-sticky;
 }
 
 .content,

diff --git a/packages/calcite-components/src/components/list/list.scss b/packages/calcite-components/src/components/list/list.scss
@@ -22,7 +22,7 @@
 }
 
 .table {
-  @apply w-full;
+  @apply w-full border-collapse;
 }
 
 ::slotted(calcite-list-item) {
@@ -35,6 +35,9 @@
 
 .sticky-pos {
   @apply sticky top-0 z-sticky;
+  & th {
+    @apply p-0;
+  }
 }
 
 calcite-filter {