From a0bd2f9682530649ab2c91b447ba03833687c0c2 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Fri, 28 Feb 2020 15:10:10 +0800
Subject: [PATCH] fix(webui): remove border on preselect for multi-select

---
 komga-webui/src/components/CardSeries.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/komga-webui/src/components/CardSeries.vue b/komga-webui/src/components/CardSeries.vue
index baf34d134..945ef7590 100644
--- a/komga-webui/src/components/CardSeries.vue
+++ b/komga-webui/src/components/CardSeries.vue
@@ -20,7 +20,7 @@
               v-if="hover || selected || preSelect"
               absolute
               :opacity="hover ? 0.3 : 0"
-              :class="`item-border${hover ? '-darken' : ''} overlay-full`"
+              :class="`${hover ? 'item-border-darken' : selected ? 'item-border' : 'item-border-transparent'} overlay-full`"
             >
               <v-icon v-if="select"
                       :color="selected ? 'secondary' : ''"
@@ -128,6 +128,10 @@ export default Vue.extend({
   border: 3px solid var(--v-secondary-base);
 }
 
+.item-border-transparent {
+  border: 3px solid transparent;
+}
+
 .item-border-darken {
   border: 3px solid var(--v-secondary-darken2);
 }