diff --git a/app/javascript/dashboard/assets/scss/_date-picker.scss b/app/javascript/dashboard/assets/scss/_date-picker.scss index 4377480c9..2263c4354 100644 --- a/app/javascript/dashboard/assets/scss/_date-picker.scss +++ b/app/javascript/dashboard/assets/scss/_date-picker.scss @@ -26,7 +26,7 @@ border-radius: var(--border-radius-normal); box-shadow: none; display: flex; - height: 4.0rem; + height: 4rem; } .mx-input:disabled, @@ -35,3 +35,32 @@ cursor: pointer; } } + +.mx-datepicker-inline { + width: 100%; + + .mx-calendar { + width: 100%; + } + + .cell.disabled { + background-color: var(--s-25); + color: var(--s-200); + } + + .mx-time-item.disabled { + background-color: var(--s-25); + } + + .today { + font-weight: var(--font-weight-bold); + } + + .mx-datepicker-main { + border: 0; + } + + .mx-time-header { + border: 0; + } +} diff --git a/app/javascript/dashboard/components/CustomSnoozeModal.vue b/app/javascript/dashboard/components/CustomSnoozeModal.vue new file mode 100644 index 000000000..33fa4c9c2 --- /dev/null +++ b/app/javascript/dashboard/components/CustomSnoozeModal.vue @@ -0,0 +1,75 @@ + + + + + diff --git a/app/javascript/dashboard/components/buttons/ResolveAction.vue b/app/javascript/dashboard/components/buttons/ResolveAction.vue index 163328e76..5fdffb747 100644 --- a/app/javascript/dashboard/components/buttons/ResolveAction.vue +++ b/app/javascript/dashboard/components/buttons/ResolveAction.vue @@ -71,21 +71,30 @@ + + +