Skip to content

Commit e806e54

Browse files
committed
fix(calendar): refine indigo theme border styles for selected+current+special dates
1 parent 31d8f07 commit e806e54

File tree

1 file changed

+17
-5
lines changed

1 file changed

+17
-5
lines changed

src/components/calendar/themes/shared/indigo/days-view.indigo.scss

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -283,11 +283,6 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
283283
background: var-get($theme, 'date-selected-current-range-focus-background');
284284
border-color: var-get($theme, 'date-current-focus-border-color');
285285
}
286-
287-
//
288-
// &::after {
289-
// border-color: transparent;
290-
// }
291286
}
292287

293288
&[part~='selected'][part~='first'],
@@ -366,9 +361,11 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
366361

367362
&[part~='selected'][part~='current'][part~='special'][part~='range'] {
368363
color: var-get($theme, 'date-special-range-foreground');
364+
border-color: var-get($theme, 'date-current-border-color');
369365

370366
&:hover {
371367
color: var-get($theme, 'date-special-range-hover-foreground');
368+
border-color: var-get($theme, 'date-current-hover-border-color');
372369

373370
/* stylelint-disable max-nesting-depth */
374371
&::after {
@@ -379,6 +376,7 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
379376

380377
&:focus {
381378
color: var-get($theme, 'date-special-range-focus-foreground');
379+
border-color: var-get($theme, 'date-current-focus-border-color');
382380

383381
/* stylelint-disable max-nesting-depth */
384382
&::after {
@@ -435,6 +433,20 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
435433
}
436434
}
437435

436+
&[part~='selected'][part~='current'][part~='special'][part~='first'],
437+
&[part~='selected'][part~='current'][part~='special'][part~='last'] {
438+
border-color: var-get($theme, 'date-selected-current-border-color');
439+
440+
&:hover {
441+
border-color: var-get($theme, 'date-selected-current-hover-border-color');
442+
443+
}
444+
445+
&:focus {
446+
border-color: var-get($theme, 'date-selected-current-focus-border-color');
447+
}
448+
}
449+
438450

439451
&[part~='selected'][part~='special']:not([part~='range']) {
440452
&::after {

0 commit comments

Comments
 (0)