Compare commits

...

11 Commits

Author SHA1 Message Date
ionitron
a3055d79ff chore(): add updated snapshots 2025-06-20 09:35:52 +00:00
João Ferreira
ea2f03298b Merge branch 'next' into ROU-11702 2025-06-20 10:30:12 +01:00
João Ferreira
427c89a844 - fix styles to use the right vars;
- remove focus of adjacent day, since adjacent days are not docusable;
2025-06-20 10:27:03 +01:00
João Ferreira
b80fc4ba88 Update core/src/components/datetime/datetime.ionic.scss
Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
2025-06-20 09:46:14 +01:00
João Ferreira
098943342b - lint.fix; 2025-06-17 18:08:43 +01:00
ionitron
69f7d497d7 chore(): add updated snapshots 2025-06-17 17:03:13 +00:00
João Ferreira
2e7222681c - add ionic-md mode to tests 2025-06-17 17:55:48 +01:00
João Ferreira
f0b61df430 - use global var for heigh; 2025-06-17 15:29:51 +01:00
João Ferreira
ce7cc0affc Merge branch 'next' into ROU-11702 2025-06-17 15:10:49 +01:00
João Ferreira
809edf8664 - fix next-prev buttons; 2025-06-17 11:34:32 +01:00
João Ferreira
23b0474d6d - add styles in ionic theme for adjacent-days 2025-06-17 10:49:05 +01:00
23 changed files with 17 additions and 5 deletions

View File

@@ -104,6 +104,7 @@
--background-activated: #{globals.$ion-primitives-neutral-200};
--background-hover: #{globals.$ion-primitives-neutral-200};
--background-hover-opacity: 1;
min-height: globals.$ion-scale-1000;
}
// TODO(ROU-11119): Rewrite this when we replace the ion-button with a native button
@@ -153,7 +154,8 @@
}
// Selected Day
.calendar-day.calendar-day-active {
.calendar-day.calendar-day-active,
.calendar-day.calendar-day-active.calendar-day-adjacent-day {
background: globals.$ion-semantics-primary-100;
}
@@ -170,8 +172,19 @@
}
// Pressed Day
.calendar-day:active {
background: globals.$ion-semantics-primary-300;
.calendar-day:active,
.calendar-day.calendar-day-adjacent-day:active {
background: globals.$ion-bg-primary-subtle-press;
}
// Adjacent Day
.calendar-day.calendar-day-adjacent-day {
color: globals.$ion-text-subtlest;
}
// Selected Adjacent Day
.calendar-day.calendar-day-active.calendar-day-adjacent-day {
color: globals.$ion-text-default;
}
// Time / Header
@@ -203,7 +216,6 @@
// Calendar / Footer / Action Buttons
// -----------------------------------
:host .datetime-buttons ion-buttons,
.datetime-action-buttons .datetime-action-buttons-container {
flex-flow: column;

View File

@@ -4,7 +4,7 @@ import { configs, test } from '@utils/test/playwright';
/**
* This behavior does not vary across directions
*/
configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
test.describe(title('datetime: show adjacent days'), () => {
test('should not have visual regressions', async ({ page }) => {
await page.goto('/src/components/datetime/test/show-adjacent-days', config);