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
Signed by untrusted user: konrad
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; display: flex;
align-items: center; align-items: center;
&.overdue :deep(.datepicker a.show) { &.overdue :deep(.datepicker .show) {
color: var(--danger); color: var(--danger);
} }
@ -126,7 +126,7 @@ function removeReminderByIndex(index: number) {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
a.remove { .remove {
color: var(--danger); color: var(--danger);
padding-left: .5rem; padding-left: .5rem;
} }

View File

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