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

Jump to bottom

SHIBA-1620 Add RTL to BpkCalendarGrid date range #2925

Merged
merged 6 commits into from
Jul 24, 2023
Merged

SHIBA-1620 Add RTL to BpkCalendarGrid date range #2925

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
1d90520
SHIBA-1620 Add RTL to BpkCalendarGrid date range
Jul 19, 2023
5ada760
Update Visual Test for Calendar Range RTL
Jul 24, 2023
521e03e
Merge branch 'main' into SHIBA-1620-fix-the-calendar-for-rtl-locale
igunsaya Jul 24, 2023
93e10b2
Update Tests with correct signature
Jul 24, 2023
e1a6c96
Update Storybook Visual Test RTL Example
Jul 24, 2023
900fa84
Revert silly attempt to get an RTL test working
Jul 24, 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
16 changes: 16 additions & 0 deletions packages/bpk-component-calendar/src/BpkCalendarGrid.module.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,14 @@
$bpk-surface-default-day 50%,
$bpk-surface-highlight-day 50%
);

@include bpk-rtl {
background-image: linear-gradient(
to left,
$bpk-surface-default-day 50%,
$bpk-surface-highlight-day 50%
);
}
}

&--middle {
Expand All @@ -55,6 +63,14 @@
$bpk-surface-default-day 50%,
$bpk-surface-highlight-day 50%
);

@include bpk-rtl {
background-image: linear-gradient(
to right,
$bpk-surface-default-day 50%,
$bpk-surface-highlight-day 50%
);
}
}
}

Expand Down
Loading