scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/sw-2351-date-picker-design-updates (pull request #1912)

Browse Source 
fix(sw-2351): date picker design updates

* fix(sw-2351): date picker design updates


Approved-by: Christian Andolf
This commit is contained in:
Niclas Edenvin
2025-04-30 09:55:32 +00:00
parent 8931fe5312
commit efcbde1647
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/DatePicker/Range/desktop.module.css
View File

@@ -70,7 +70,7 @@ td.day[data-outside="true"] button.dayButton {
border: none; border: none;
} }
td.day:not(td.rangeEnd, td.rangeStart)[aria-selected="true"], td.day.rangeMiddle[aria-selected="true"],
td.rangeMiddle[aria-selected="true"] button.dayButton { td.rangeMiddle[aria-selected="true"] button.dayButton {
background: var(--Base-Background-Primary-Normal); background: var(--Base-Background-Primary-Normal);
border: none; border: none;

7
apps/scandic-web/components/DatePicker/Range/mobile.module.css
View File

@@ -28,6 +28,8 @@
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 10; z-index: 10;
display: flex;
justify-content: flex-end;
} }
.select { .select {
@@ -139,7 +141,7 @@ td.day[data-outside="true"] button.dayButton {
border: none; border: none;
} }
td.day:not(td.rangeEnd, td.rangeStart)[aria-selected="true"], td.day.rangeMiddle[aria-selected="true"],
td.rangeMiddle[aria-selected="true"] button.dayButton { td.rangeMiddle[aria-selected="true"] button.dayButton {
background: var(--Base-Background-Primary-Normal); background: var(--Base-Background-Primary-Normal);
border: none; border: none;
@@ -160,7 +162,8 @@ td.day[data-outside="true"] ~ td.day[data-disabled="true"] button.dayButton,
} }
.weekDay { .weekDay {
color: var(--UI-Text-Placeholder); color: var(--Base-Text-Medium-contrast);
opacity: 1;
font-family: var(--typography-Caption-Labels-fontFamily); font-family: var(--typography-Caption-Labels-fontFamily);
font-size: var(--typography-Caption-Labels-fontSize); font-size: var(--typography-Caption-Labels-fontSize);
font-weight: var(--typography-Caption-Labels-fontWeight); font-weight: var(--typography-Caption-Labels-fontWeight);