wip

Author: vursen

packages/grid/src/styles/vaadin-grid-base-styles.js

@@ -174,7 +174,8 @@ export const gridStyles = css`
     inset-block-end: calc(var(--_row-border-width) * -1);
   }
 
-  :host([overflow~='bottom']) #table[has-footer] #footer::before {
+  :host([overflow~='bottom']) #table[has-footer] #footer::before,
+  :host(:not([overflow~='top']):not([overflow~='bottom'])) #table[has-footer] #footer::before {
     content: '';
     inset-block-start: calc(var(--_row-border-width) * -1);
   }
@@ -197,20 +198,14 @@ export const gridStyles = css`
       linear-gradient(var(--vaadin-grid-cell-background-color, transparent));
   }
 
-  #table[has-header] {
-    [part~='first-row-cell'] {
-      border-block-start-style: solid;
-    }
+  #table[has-header] [part~='first-row-cell'] {
+    border-block-start-style: solid;
   }
 
-  #table[has-footer] {
-    [part~='last-row-cell'] {
-      border-block-end-style: solid;
-    }
-
-    [part~='last-row-cell'] + [part~='details-cell'] {
-      border-block-end-style: solid;
-    }
+  #table[has-footer] [part~='last-row-cell'],
+  #table[has-footer] [part~='last-row-cell'] + [part~='details-cell'],
+  :host(:not([overflow~='bottom']):not([overflow~='top'])) [part~='last-row-cell'] {
+    border-block-end-style: solid;
   }
 
   [part~='header-cell']:not([part~='first-header-row-cell']),
@@ -456,13 +451,18 @@ export const gridStyles = css`
   :is([part~='row'], [part~='cell'])::after {
     position: absolute;
     z-index: 3;
+    inset: 0;
     pointer-events: none;
     outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
     outline-offset: calc(var(--vaadin-focus-ring-width) * -1);
   }
 
   [part~='cell']::after {
-    inset: calc(var(--_row-border-width) * -1) calc(var(--_column-border-width) * -1);
+    inset-block: calc(var(--_row-border-width) * -1);
+  }
+
+  [part~='body-cell']::after {
+    inset-inline: calc(var(--_column-border-width) * -1);
   }
 
   [part~='first-column-cell']::after {
@@ -479,16 +479,16 @@ export const gridStyles = css`
   }
 
   [part~='first-row']::after,
-  #table:not([has-header]) [part~='first-row-cell']::after,
   #header [part~='row']:first-child::after,
-  #header [part~='row']:first-child [part~='cell']::after {
+  #header [part~='row']:first-child [part~='cell']::after,
+  #table:not([has-header]) [part~='first-row-cell']::after {
     inset-block-start: 0;
   }
 
   [part~='last-row']::after,
-  #table:not([has-footer]) [part~='last-row-cell']::after,
   #footer [part~='row']:last-child::after,
-  #footer [part~='row']:last-child [part~='cell']::after {
+  #footer [part~='row']:last-child [part~='cell']::after,
+  :host([overflow~='top']) #table:not([has-footer]) [part~='last-row-cell']::after {
     inset-block-end: 0;
   }