yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Minor fix to table scroll styles

Browse Source
This commit is contained in:
Tom Moor
2024-03-16 15:19:51 -04:00
parent 2a30783e72
commit 8bd0aa43bc
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
shared/editor/components/Styles.ts
View File

@@ -1430,32 +1430,33 @@ table {
overflow-x: auto; overflow-x: auto;
padding-${props.rtl ? "right" : "left"}: 1em; padding-${props.rtl ? "right" : "left"}: 1em;
margin-${props.rtl ? "right" : "left"}: -1em; margin-${props.rtl ? "right" : "left"}: -1em;
border-${props.rtl ? "right" : "left"}: 1px solid transparent;
border-${props.rtl ? "left" : "right"}: 1px solid transparent;
transition: border 250ms ease-in-out 0s; transition: border 250ms ease-in-out 0s;
} }
.scrollable-shadow { .scrollable-shadow {
position: absolute; position: absolute;
top: 0; top: 16px;
bottom: 0; bottom: 0;
${props.rtl ? "right" : "left"}: -1em; ${props.rtl ? "right" : "left"}: -1em;
width: 32px; width: 32px;
z-index: 1; z-index: 1;
transition: box-shadow 250ms ease-in-out; transition: box-shadow 250ms ease-in-out;
border: 0px solid transparent; border: 0px solid transparent;
border-${props.rtl ? "right" : "left"}-width: 1em;
pointer-events: none; pointer-events: none;
&.left { &.left {
box-shadow: 16px 0 16px -16px inset rgba(0, 0, 0, 0.25); box-shadow: 16px 0 16px -16px inset rgba(0, 0, 0, ${
props.theme.isDark ? 1 : 0.25
});
border-left: 1em solid ${props.theme.background}; border-left: 1em solid ${props.theme.background};
} }
&.right { &.right {
right: 0; right: 0;
left: auto; left: auto;
box-shadow: -16px 0 16px -16px inset rgba(0, 0, 0, 0.25); box-shadow: -16px 0 16px -16px inset rgba(0, 0, 0, ${
props.theme.isDark ? 1 : 0.25
});
} }
} }