From c1423cde5a881895c566f630cd41ee49fe9227aa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Tue, 13 Oct 2020 10:48:37 +0200 Subject: [PATCH] Fix card hover/active states MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- src/components/board/Stack.vue | 1 - src/components/cards/CardItem.vue | 9 ++++----- 2 files changed, 4 insertions(+), 6 deletions(-) diff --git a/src/components/board/Stack.vue b/src/components/board/Stack.vue index 67eeac213..17ff8aa0a 100644 --- a/src/components/board/Stack.vue +++ b/src/components/board/Stack.vue @@ -282,7 +282,6 @@ export default { margin-right: -10px; margin-top: 0; margin-bottom: 3px; - background-color: var(--color-main-background-translucent); cursor: grab; h3, form { diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue index 2ca8bb36b..92f3aa762 100644 --- a/src/components/cards/CardItem.vue +++ b/src/components/cards/CardItem.vue @@ -160,10 +160,6 @@ export default { @import './../../css/animations'; @import './../../css/variables'; - .card:hover { - box-shadow: 0 0 5px 1px var(--color-box-shadow); - } - .card { transition: box-shadow 0.1s ease-in-out; box-shadow: 0 0 2px 0 var(--color-box-shadow); @@ -180,9 +176,12 @@ export default { border: 2px solid var(--color-border); } - &.current-card { + &:hover { box-shadow: 0 0 5px 0 var(--color-box-shadow); } + &.current-card { + box-shadow: 0 0 5px 1px var(--color-box-shadow); + } .card-upper { display: flex;