Skip to content

Commit 2c295dc

Browse files
committed
fix(calendar): Fluent theme styles for month/year
1 parent 7497afc commit 2c295dc

File tree

1 file changed

+32
-1
lines changed

1 file changed

+32
-1
lines changed

projects/igniteui-angular/src/lib/core/styles/components/calendar/_calendar-theme.scss

Lines changed: 32 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -602,6 +602,28 @@
602602
border-color: var-get($theme, 'ym-selected-current-outline-focus-color');
603603
}
604604
}
605+
606+
@if $variant == 'fluent' {
607+
box-shadow: 0 0 0 $border-size var-get($theme, 'ym-selected-current-outline-focus-color');
608+
}
609+
610+
&:hover {
611+
color: var-get($theme, 'ym-selected-current-hover-foreground');
612+
background: var-get($theme, 'ym-selected-current-hover-background');
613+
614+
// stylelint-disable-next-line
615+
@if $variant != 'indigo' {
616+
box-shadow: inset 0 0 0 $border-size var-get($theme, 'ym-selected-current-outline-focus-color');
617+
} @else {
618+
&::after {
619+
border-color: var-get($theme, 'ym-selected-current-outline-focus-color');
620+
}
621+
}
622+
623+
@if $variant == 'fluent' {
624+
box-shadow: 0 0 0 $border-size var-get($theme, 'ym-selected-current-outline-focus-color');
625+
}
626+
}
605627
}
606628
}
607629

@@ -670,6 +692,10 @@
670692
}
671693
}
672694

695+
@if $variant == 'fluent' {
696+
box-shadow: 0 0 0 $border-size var-get($theme, 'ym-selected-current-outline-color');
697+
}
698+
673699
&:hover {
674700
color: var-get($theme, 'ym-selected-current-hover-foreground');
675701
background: var-get($theme, 'ym-selected-current-hover-background');
@@ -683,6 +709,11 @@
683709
border-color: var-get($theme, 'ym-selected-current-outline-hover-color');
684710
}
685711
}
712+
713+
714+
@if $variant == 'fluent' {
715+
box-shadow: 0 0 0 $border-size var-get($theme, 'ym-selected-current-outline-hover-color');
716+
}
686717
}
687718
}
688719
}
@@ -1364,7 +1395,7 @@
13641395

13651396
&::after {
13661397
background: var-get($theme, 'date-selected-special-background');
1367-
border-color: var-get($theme, 'date-special-border-color');
1398+
border-color: var-get($theme, 'date-selected-special-border-color');
13681399
border-radius: var-get($theme, 'date-special-border-radius');
13691400
}
13701401

0 commit comments

Comments
 (0)