@@ -16,16 +16,15 @@ export const gridStyles = css`
1616 align- self: stretch;
1717 position: relative;
1818 box- sizing: bor der- box;
19+ overflow: hidden;
1920 - webkit- tap- highlight- color : transparent;
2021 background: var(--vaadin-grid-background , var (--vaadin-background-color ));
21- bor der: var(- - _b or der - width) solid var(- - _bor der- color );
22+ bor der: var(- - vaadin - grid - b or der - width, 1px ) solid var(- - _bor der- color );
2223 cursor : default;
2324 - - _bor der- color : var(- - vaadin- grid- bor der- color , var (- - vaadin- bor der- color - secondary));
24- - - _bor der- width: 0;
2525 - - _row- bor der- width: var(- - vaadin- grid- row- bor der- width, 1px);
2626 - - _column- bor der- width: var(- - vaadin- grid- column- bor der- width, 0px);
27- bor der- radius: var(- - _bor der- radius);
28- - - _bor der- radius: 0;
27+ bor der- radius: var(- - vaadin- grid- bor der- radius, var (- - vaadin- radius- m));
2928 }
3029
3130 : host ([hidden ]),
@@ -39,21 +38,21 @@ export const gridStyles = css`
3938 }
4039
4140 /* Variant: No outer border */
42- : host (: not ( [theme ~= 'no-border' ]) ) {
43- --_border- width: var ( --vaadin-grid-border-width , 1 px ) ;
44- --_border- radius: var ( --vaadin-grid-border-radius , var ( --vaadin-radius-m )) ;
41+ : host ([theme ~= 'no-border' ]) {
42+ border- width: 0 ;
43+ border- radius: 0 ;
4544 }
4645
4746 : host ([all-rows-visible ]) {
4847 height : auto;
4948 align-self : flex-start;
5049 min-height : auto;
5150 flex-grow : 0 ;
51+ flex-shrink : 0 ;
5252 }
5353
5454 # scroller {
5555 contain : layout;
56- border-radius : calc (var (--_border-radius ) - var (--_border-width ));
5756 position : relative;
5857 display : flex;
5958 width : 100% ;
@@ -571,7 +570,7 @@ export const gridStyles = css`
571570 /* Drag'n'drop styles */
572571 : host ([dragover ]) {
573572 outline : var (--vaadin-focus-ring-width ) solid var (--vaadin-focus-ring-color );
574- outline-offset : calc (var (--_border- width ) * -1 );
573+ outline-offset : calc (var (--vaadin-grid-border- width , 1 px ) * -1 );
575574 }
576575
577576 [part ~= 'row' ][dragover ] {
0 commit comments