Skip to content
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

feat: implement new SnackBar design #5515

Merged
merged 10 commits into from
May 23, 2024
Merged

feat: implement new SnackBar design #5515

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
ea0a790
feat: implement new SnackBar design
thaisguigon May 21, 2024
0160555
fix: fix Default Snackbar colors
thaisguigon May 21, 2024
14e4c08
fix: fix typecheck
thaisguigon May 21, 2024
341fbdd
refactor: remove unused usePausableTimeout
thaisguigon May 21, 2024
4e54971
feat: place Snackbar at bottom right and improve appearance animation
thaisguigon May 21, 2024
8e3ce3e
feat: add default title by variant
thaisguigon May 21, 2024
5b03479
docs: remove color arg from ProgressBar stories
thaisguigon May 21, 2024
220b030
refactor: remove unused transform-origin CSS property
thaisguigon May 21, 2024
b51f171
fix: disable Chromatic snapshot for SnackBar animated story
thaisguigon May 21, 2024
2576358
feat: improve mobile display
thaisguigon May 22, 2024
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
Prev Previous commit
Next Next commit
refactor: remove unused transform-origin CSS property
  • Loading branch information
@thaisguigon
thaisguigon committed May 22, 2024
commit 220b030fe38f68c745dc649f7478c3f806789de5
1 change: 0 additions & 1 deletion packages/twenty-front/src/modules/ui/feedback/progress-bar/components/ProgressBar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@ const StyledBar = styled.div<StyledBarProps>`
const StyledBarFilling = styled(motion.div)<{ color?: string }>`
background-color: ${({ color, theme }) => color ?? theme.font.color.primary};
height: 100%;
transform-origin: 0;
`;

export const ProgressBar = ({ className, color, value }: ProgressBarProps) => {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I love the new code!

Expand Down