MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix styles when using no sticky columns

This commit is contained in:
Andrew Kingston 2023-03-02 11:25:06 +00:00
parent 265f2d9ba3
commit ff0f91bca3
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/frontend-core/src/components/sheet/SheetCell.svelte
View File

@ -101,9 +101,6 @@
.cell.label { .cell.label {
padding: var(--cell-padding); padding: var(--cell-padding);
flex: 0 0 40px; flex: 0 0 40px;
border-right: none;
position: sticky;
left: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;

5
packages/frontend-core/src/components/sheet/StickyColumn.svelte
View File

@ -154,7 +154,7 @@
.sticky-column { .sticky-column {
flex: 0 0 calc(var(--width) + 0px); flex: 0 0 calc(var(--width) + 0px);
} }
.sticky-column.scrolled :global(.cell:not(.label):after) { .sticky-column.scrolled :global(.cell:last-child:after) {
content: " "; content: " ";
position: absolute; position: absolute;
width: 10px; width: 10px;
@ -162,6 +162,9 @@
left: 100%; left: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.08), transparent); background: linear-gradient(to right, rgba(0, 0, 0, 0.08), transparent);
} }
.sticky-column :global(.cell:not(:last-child)) {
border-right: none;
}
.header { .header {
border-bottom: var(--cell-border); border-bottom: var(--cell-border);