.quick-actions {
+ // global Bulma .card styles are gone (ported into Card.vue, scoped),
+ // so this bare .card div needs its own card visuals
+ background-color: var(--white);
+ border-radius: $radius;
+ border: 1px solid var(--card-border-color);
+ box-shadow: var(--shadow-sm);
+ color: var(--text);
overflow: hidden;
justify-content: flex-start !important;
- // FIXME: changed position should be an option of the modal
- :deep(.modal-content) {
- inset-block-start: 3rem;
- transform: translate(-50%, 0);
- }
-
&.is-quick-add-mode {
padding: 0;
margin: 0;
diff --git a/frontend/src/components/tasks/AddTask.vue b/frontend/src/components/tasks/AddTask.vue
index c0df1a1f1..fe233ff91 100644
--- a/frontend/src/components/tasks/AddTask.vue
+++ b/frontend/src/components/tasks/AddTask.vue
@@ -25,6 +25,7 @@
rows="1"
@keydown="resetEmptyTitleError"
@keydown.enter="handleEnter"
+ @keydown.esc="blurTaskInput"
/>
-
+