Skip to content
Permalink
Browse files

fix(datepicker): fix background color when todays date is selected

  • Loading branch information...
brandonferrua committed Oct 30, 2017
1 parent 789db48 commit 75f0f6a8d3f302c8e3266cbc8b9fec0d7700efb5
Showing with 15 additions and 4 deletions.
  1. +11 −4 ui/components/datepickers/base/_index.scss
  2. +4 −0 ui/components/datepickers/range/_index.scss
@@ -54,10 +54,13 @@
&:hover:not(.slds-disabled-text) > .slds-day,
&:focus:not(.slds-disabled-text) > .slds-day,
&.slds-is-today > .slds-day {
background: $color-background-row-hover;
cursor: pointer;
}

&.slds-is-today > .slds-day {
background-color: $color-background-row-selected;
}

&:focus {
outline: 0;

@@ -72,15 +75,19 @@
* @selector .slds-is-selected
* @restrict .slds-datepicker td
*/
&.slds-is-selected:not(.slds-is-today) > .slds-day {
// &.slds-is-selected {
// color: $color-text-brand-primary;
// }

&.slds-is-selected > .slds-day {
background: $brand-accessible;
color: $color-text-button-brand-hover;
color: $color-text-brand-primary;
}

&.slds-is-selected:focus > .slds-day {
background: $brand-accessible-active;
box-shadow: $brand-accessible-active 0 0 3px;
color: currentColor;
color: $color-text-brand-primary;
}
}

@@ -67,6 +67,10 @@
overflow: visible;
}

&.slds-is-today > .slds-day {
box-shadow: $color-background-alt 0 0 0 1px inset;
}

+ .slds-is-selected-multi > .slds-day:before {
@include calendar-selection-fill;
}

0 comments on commit 75f0f6a

Please sign in to comment.
You can’t perform that action at this time.