From 4dcd7e8955cea441a15531a3d1159603fff8fed9 Mon Sep 17 00:00:00 2001 From: Simon Spannagel Date: Wed, 13 May 2020 21:24:33 +0200 Subject: [PATCH 1/3] Add grab cursor over stack title Signed-off-by: Simon Spannagel --- src/components/board/Stack.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/board/Stack.vue b/src/components/board/Stack.vue index d3e94475b..84c48a7e9 100644 --- a/src/components/board/Stack.vue +++ b/src/components/board/Stack.vue @@ -239,10 +239,12 @@ export default { margin-top: 0; margin-bottom: 0; background-color: var(--color-main-background-translucent); + cursor: grab; h3, form { flex-grow: 1; display: flex; + cursor: inherit; input[type=text] { flex-grow: 1; From a2b71ec0f7e6b3bbdffc2ae877c30631faad8d5f Mon Sep 17 00:00:00 2001 From: Simon Spannagel Date: Thu, 14 May 2020 13:39:13 +0200 Subject: [PATCH 2/3] Card: add slightly stronger drop shadow on hover Signed-off-by: Simon Spannagel --- src/components/cards/CardItem.vue | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue index d8f2a219d..b6877c4c4 100644 --- a/src/components/cards/CardItem.vue +++ b/src/components/cards/CardItem.vue @@ -175,6 +175,10 @@ export default { border: 1px solid var(--color-border); } + .card:hover { + box-shadow: 0 0 2px 2px var(--color-box-shadow); + } + .card { transition: box-shadow 0.1s ease-in-out; box-shadow: 0 0 2px 0 var(--color-box-shadow); From 0cb813b731a44e302eada8730274e31727b3dee9 Mon Sep 17 00:00:00 2001 From: Simon Spannagel Date: Fri, 15 May 2020 11:54:58 +0200 Subject: [PATCH 3/3] Adjust card distance to stack title and make hover border less thick Signed-off-by: Simon Spannagel --- src/components/board/Stack.vue | 2 +- src/components/cards/CardItem.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/board/Stack.vue b/src/components/board/Stack.vue index 84c48a7e9..fb016d450 100644 --- a/src/components/board/Stack.vue +++ b/src/components/board/Stack.vue @@ -237,7 +237,7 @@ export default { margin: 3px -3px; margin-right: -10px; margin-top: 0; - margin-bottom: 0; + margin-bottom: 3px; background-color: var(--color-main-background-translucent); cursor: grab; diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue index b6877c4c4..c7b8ca232 100644 --- a/src/components/cards/CardItem.vue +++ b/src/components/cards/CardItem.vue @@ -176,7 +176,7 @@ export default { } .card:hover { - box-shadow: 0 0 2px 2px var(--color-box-shadow); + box-shadow: 0 0 5px 1px var(--color-box-shadow); } .card {