mirror of https://github.com/ElemeFE/element
datepicker: fix incorrect disabled style and add today style (#2791)
parent
5fc34777b7
commit
47a72b995c
|
@ -32,6 +32,17 @@
|
||||||
|
|
||||||
&.today {
|
&.today {
|
||||||
color: var(--datepicker-text-hover-color);
|
color: var(--datepicker-text-hover-color);
|
||||||
|
position: relative;
|
||||||
|
&:before {
|
||||||
|
content: " ";
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
right: 0px;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-top: 0.5em solid var(--datepicker-active-color);
|
||||||
|
border-left: .5em solid transparent;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.available:hover {
|
&.available:hover {
|
||||||
|
@ -45,7 +56,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.current,
|
&.current:not(.disabled),
|
||||||
&.start-date,
|
&.start-date,
|
||||||
&.end-date {
|
&.end-date {
|
||||||
background-color: var(--datepicker-active-color) !important;
|
background-color: var(--datepicker-active-color) !important;
|
||||||
|
|
|
@ -29,10 +29,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.current .cell {
|
&.current:not(.disabled) .cell {
|
||||||
background-color: var(--datepicker-active-color) !important;
|
background-color: var(--datepicker-active-color) !important;
|
||||||
color: var(--color-white);
|
color: var(--color-white);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -33,10 +33,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.current .cell {
|
&.current:not(.disabled) .cell {
|
||||||
background-color: var(--datepicker-active-color) !important;
|
background-color: var(--datepicker-active-color) !important;
|
||||||
color: var(--color-white);
|
color: var(--color-white);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue