Browse Source

Move table overflow layer to fix sticky header not working

master
Andrew Kingston 5 years ago
parent
commit
c19f24b2e0
  1. 3
      packages/bbui/src/Table/Table.svelte

3
packages/bbui/src/Table/Table.svelte

@ -315,7 +315,6 @@
.wrapper { .wrapper {
position: relative; position: relative;
z-index: 0; z-index: 0;
overflow: auto;
--table-bg: var(--spectrum-global-color-gray-50); --table-bg: var(--spectrum-global-color-gray-50);
--table-border: 1px solid var(--spectrum-alias-border-color-mid); --table-border: 1px solid var(--spectrum-alias-border-color-mid);
--cell-padding: 20px; --cell-padding: 20px;
@ -343,11 +342,11 @@
width: 100%; width: 100%;
border-radius: 0; border-radius: 0;
display: grid; display: grid;
overflow: auto;
} }
/* Header */ /* Header */
.spectrum-Table-headCell { .spectrum-Table-headCell {
vertical-align: middle;
height: var(--header-height); height: var(--header-height);
position: sticky; position: sticky;
top: 0; top: 0;

Loading…
Cancel
Save