Skip to content

Improvement/scroll fade table #1072

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
JeanMarcMilletScality wants to merge 7 commits into
base: development/1.0
Choose a base branch
from
Draft

Improvement/scroll fade table #1072

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
d0bb03d
feat(ScrollbarWrapper): add .scroll-fade global utility class
JBWatenbergScality Apr 15, 2026
3b7537c
feat(ScrollbarWrapper): auto scroll-fade on all scrollable elements
JBWatenbergScality Apr 15, 2026
a7dd3df
feat(ScrollbarWrapper): scope scroll-fade to utility class with @supp…
JeanMarcMilletScality Apr 15, 2026
a34bedb
docs(ScrollbarWrapper): add typed stories and guideline
JeanMarcMilletScality Apr 15, 2026
aebd3df
chore: upgrade storybook packages to 8.6.17
JeanMarcMilletScality Apr 15, 2026
919418f
feat(Table): apply scroll-fade to virtualized body
JeanMarcMilletScality Apr 15, 2026
9a92fd0
feat(Storybook): add ScrollbarWrapper to global preview decorator
JeanMarcMilletScality Apr 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 11 additions & 8 deletions .storybook/preview.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import { CoreUiThemeProvider } from '../src/lib/next';
import { coreUIAvailableThemes } from '../src/lib/style/theme';
import { Wrapper } from '../stories/common';
import { ToastProvider } from '../src/lib';
import { ScrollbarWrapper } from '../src/lib/components/scrollbarwrapper/ScrollbarWrapper.component';

export const globalTypes = {
theme: {
Expand Down Expand Up @@ -44,14 +45,16 @@ const withThemeProvider = (Story, context) => {
return (
<QueryClientProvider client={new QueryClient()}>
<CoreUiThemeProvider theme={theme}>
{/* Wrapper to make the stories take the full screen but not in docs */}
<div style={viewMode === 'story' ? { height: 100 + 'vh' } : null}>
<ToastProvider>
<Wrapper style={{ backgroundColor: background }}>
<Story {...context} />
</Wrapper>
</ToastProvider>
</div>
<ScrollbarWrapper>
{/* Wrapper to make the stories take the full screen but not in docs */}
<div style={viewMode === 'story' ? { height: 100 + 'vh' } : null}>
<ToastProvider>
<Wrapper style={{ backgroundColor: background }}>
<Story {...context} />
</Wrapper>
</ToastProvider>
</div>
</ScrollbarWrapper>
</CoreUiThemeProvider>
</QueryClientProvider>
);
Expand Down
Loading
Loading