fix: datepicker button color and spacing for overdue dates

This commit is contained in:
kolaente 2022-07-11 16:41:08 +02:00
parent 6e54929104
commit ab7bf7d8f9
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 7 additions and 5 deletions

View file

@ -118,7 +118,7 @@ function removeReminderByIndex(index: number) {
display: flex;
align-items: center;
&.overdue :deep(.datepicker a.show) {
&.overdue :deep(.datepicker .show) {
color: var(--danger);
}
@ -126,7 +126,7 @@ function removeReminderByIndex(index: number) {
margin-bottom: 0.75rem;
}
a.remove {
.remove {
color: var(--danger);
padding-left: .5rem;
}

View file

@ -771,7 +771,7 @@ $flash-background-duration: 750ms;
display: flex;
align-items: center;
a.remove {
.remove {
color: var(--danger);
vertical-align: middle;
padding-left: .5rem;
@ -782,20 +782,22 @@ $flash-background-duration: 750ms;
:deep(.datepicker) {
width: 100%;
a.show {
.show {
color: var(--text);
padding: .25rem .5rem;
transition: background-color $transition;
border-radius: $radius;
display: block;
margin: .1rem 0;
width: 100%;
text-align: left;
&:hover {
background: var(--white);
}
}
&.disabled a.show:hover {
&.disabled .show:hover {
background: transparent;
}
}