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.

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(stepper): enable responsive layout #7744

Merged
merged 68 commits into from
Nov 21, 2023
Merged
Changes from 1 commit
Commits
Show all changes
68 commits
Select commit Hold shift + click to select a range
cf73e1d
feat(stepper): enable responsive layout
anveshmekala Sep 14, 2023
3738c14
remove unused grid css properties
anveshmekala Sep 14, 2023
952c687
hide stepeprs when screen size is smaller
anveshmekala Sep 15, 2023
e9e6392
add next and previous chevron functionality
anveshmekala Sep 18, 2023
6676891
use svg to render border top in smaller screen
anveshmekala Sep 19, 2023
6678aae
add step-bar functional component
anveshmekala Sep 20, 2023
8a5b76d
assign width of stepbar wrto document width
anveshmekala Sep 20, 2023
3607b3c
space adjustments
anveshmekala Sep 20, 2023
775ef2d
Merge branch 'main' into anveshmekala/6694-stepper-responsive-layout
anveshmekala Sep 20, 2023
cb31b9c
refactor
anveshmekala Sep 20, 2023
bbe8db0
disable chevron for first and last step
anveshmekala Sep 21, 2023
77e3292
Merge branch 'main' into anveshmekala/6694-stepper-responsive-layout
anveshmekala Sep 21, 2023
735a81e
Merge branch 'anveshmekala/6694-stepper-responsive-layout' of https:/…
anveshmekala Sep 21, 2023
34ac6ee
fix tests
anveshmekala Sep 22, 2023
badd38f
fix build errors
anveshmekala Sep 22, 2023
7a356ab
add padding css var for chevron icons
anveshmekala Sep 22, 2023
fd6e145
add stories
anveshmekala Sep 22, 2023
b4e04cf
update stories
anveshmekala Sep 22, 2023
ab7d4ff
add keydownHandler for action icons
anveshmekala Sep 22, 2023
1892469
add stories
anveshmekala Sep 25, 2023
d360fd3
fix chromatic build errors
anveshmekala Sep 25, 2023
cbfdff0
Merge branch 'main' into anveshmekala/6694-stepper-responsive-layout
anveshmekala Sep 25, 2023
384314a
revert node verison to 16
anveshmekala Sep 25, 2023
bf1c588
do not select stepper items when requested using next or prev buttons
anveshmekala Sep 25, 2023
9e31b30
Merge branch 'main' into anveshmekala/6694-stepper-responsive-layout
anveshmekala Sep 26, 2023
0d85587
disable snapshot for stories
anveshmekala Sep 26, 2023
c5af01a
update node version
anveshmekala Sep 26, 2023
0c8cf11
cleanup
anveshmekala Sep 26, 2023
0e93fc2
replace css values with tailwind utils
anveshmekala Sep 26, 2023
7db0a2b
enable min-width for stepper-item and observe el width instead of doc…
anveshmekala Sep 27, 2023
b8f8f7e
fix rtl issue for action buttons
anveshmekala Sep 28, 2023
1938b3d
move action buttons from stepper-item to stepper component
anveshmekala Sep 29, 2023
c660143
fix enabling chevron when item is disabled
anveshmekala Oct 3, 2023
fe7894c
cleanup
anveshmekala Oct 3, 2023
45a8c23
fix action icons inline sizes
anveshmekala Oct 3, 2023
90125ac
use theme variables
anveshmekala Oct 3, 2023
1aa2386
add requestAnimationFrame to remove flickering
anveshmekala Oct 3, 2023
54cb894
fix chevron alignment issues
anveshmekala Oct 4, 2023
85f56b5
fix storybook failures
anveshmekala Oct 4, 2023
ffbd153
customize width in stories
anveshmekala Oct 4, 2023
ef3717b
cleanup
anveshmekala Oct 4, 2023
453dc01
design feedback changes
anveshmekala Oct 4, 2023
ebe73f3
update stories and add new story
anveshmekala Oct 5, 2023
489353f
allow user to navigate between stepper items when all of items are di…
anveshmekala Oct 5, 2023
f0054b2
add tests
anveshmekala Oct 5, 2023
96ec0dc
add more e2e tests
anveshmekala Oct 6, 2023
ab24590
fix safari regression for step-bar
anveshmekala Oct 9, 2023
1744dbd
fix incosistent icon display
anveshmekala Oct 10, 2023
b457a95
add disabled property to step-bar
anveshmekala Oct 12, 2023
518bc64
fix number text color when selected and complete
anveshmekala Oct 12, 2023
9a046c3
Merge branch 'main' into anveshmekala/6694-stepper-responsive-layout
anveshmekala Nov 3, 2023
bb98534
Merge branch 'main' into anveshmekala/6694-stepper-responsive-layout
anveshmekala Nov 3, 2023
9bc7a21
fix padding for action-container
anveshmekala Nov 6, 2023
51d9bc7
mark css vars as internal
anveshmekala Nov 7, 2023
f58376c
feedback changes
anveshmekala Nov 15, 2023
32e3d83
remove appending inline styles
anveshmekala Nov 15, 2023
0fe8ec9
more feedback changes, use hidden attribute to hide items
anveshmekala Nov 16, 2023
f1d6c45
Merge branch 'main' into anveshmekala/6694-stepper-responsive-layout
anveshmekala Nov 16, 2023
c4ef8a5
Merge branch 'main' into anveshmekala/6694-stepper-responsive-layout
anveshmekala Nov 16, 2023
844bac3
revert using strings instead of messages
anveshmekala Nov 17, 2023
cccd999
revert message changes in stepper-item and more feedback changes
anveshmekala Nov 18, 2023
e210a30
--amend
anveshmekala Nov 18, 2023
c7161f3
fix regression
anveshmekala Nov 20, 2023
706e974
fix stepbar gap issue
anveshmekala Nov 20, 2023
16776fa
Merge branch 'main' into anveshmekala/6694-stepper-responsive-layout
anveshmekala Nov 20, 2023
84e518c
feedback changes
anveshmekala Nov 21, 2023
0078c4a
fix UI regression
anveshmekala Nov 21, 2023
84350e4
restrict stepbar with layout prop
anveshmekala Nov 21, 2023
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
fix safari regression for step-bar
anveshmekala committed Oct 9, 2023
commit ab245903605401f23e63e531ae27e0c5f82863cc
Original file line number Diff line number Diff line change
@@ -51,9 +51,7 @@

.step-bar--inactive {
fill: var(--light-ui-border-3, #dfdfdf);
stroke-width: 5;
fill-opacity: 1;
stroke-opacity: 1;
block-size: 100%;
}

@@ -73,6 +71,7 @@
.step-bar {
@apply flex;
block-size: 100%;
inline-size: 100%;
}

.step-bar-container {