Skip to content

Components: Standardize reduced motion handling using media queries #68421

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

Merged
t-hamano merged 19 commits into from
Jan 7, 2025
Merged

Components: Standardize reduced motion handling using media queries #68421

Changes from 1 commit
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
a45c67a
Button: Standardize reduced motion handling using media queries
SainathPoojary Dec 31, 2024
72773cc
Button: Standardize animation reduced motion handling using media que…
SainathPoojary Dec 31, 2024
3872568
CheckboxControl: Standardize reduced motion handling using media queries
SainathPoojary Dec 31, 2024
8d46aed
CircularOptionPicker: Standardize reduced motion handling using media…
SainathPoojary Dec 31, 2024
386c259
FormToggle: Standardize reduced motion handling using media queries
SainathPoojary Dec 31, 2024
2c421b0
FormTokenField: Standardize reduced motion handling using media queries
SainathPoojary Dec 31, 2024
7105494
Panel: Standardize reduced motion handling using media queries
SainathPoojary Dec 31, 2024
c863a53
Placeholder: Standardize reduced motion handling using media queries
SainathPoojary Dec 31, 2024
f9a5c9b
ResizableBox: Standardize reduced motion handling using media queries
SainathPoojary Jan 2, 2025
bdb3f8d
TabPanel: Standardize reduced motion handling using media queries
SainathPoojary Jan 2, 2025
90804a2
DropZoneComponent: Standardize reduced motion handling using media qu…
SainathPoojary Jan 2, 2025
147e9bb
Animate: Standardize reduced motion handling using media queries
SainathPoojary Jan 3, 2025
7ea0752
Modal: Standardize reduced motion handling using media queries
SainathPoojary Jan 3, 2025
fb9f4ee
Toolbar: Standardize reduced motion handling using media queries
SainathPoojary Jan 3, 2025
3ab4762
Animate: Fix stuck animation for slide-in animation
SainathPoojary Jan 3, 2025
8b7c52e
Components: Move will-change inside media query for transform optimiz…
SainathPoojary Jan 6, 2025
bae80ef
Components: Update CHANGELOG for reduced motion standardization
SainathPoojary Jan 6, 2025
86cf355
Merge branch 'trunk' into update/components-reduce-motion-media-queries
SainathPoojary Jan 6, 2025
e2c44b0
Components: Move CHANGELOG entry to Unreleased section
SainathPoojary Jan 7, 2025
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
Placeholder: Standardize reduced motion handling using media queries
  • Loading branch information
@SainathPoojary
SainathPoojary committed Dec 31, 2024
commit c863a536d75ee701102cdcc650c8244bb62ca859
6 changes: 4 additions & 2 deletions packages/components/src/placeholder/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -173,8 +173,10 @@
.components-button {
opacity: 0;
pointer-events: none;
transition: opacity 0.1s linear;
@include reduce-motion("transition");

@media not (prefers-reduced-motion) {
transition: opacity 0.1s linear;
}
}

.is-selected > & {
Expand Down
Loading