From 68b8ee8ee931c0d09fd0f5e3c69f4978bcb59ac6 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 20 May 2022 11:35:36 +0200
Subject: [PATCH] svg color changed by hover

---
 frontend/src/App.vue                | 2 +-
 frontend/src/layouts/AuthLayout.vue | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 234f14343..b7d4d1154 100755
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app" class="h-100">
     <component :is="$route.meta.requiresAuth ? 'DashboardLayout' : 'AuthLayout'" />
-    <div class="goldrand position-fixed w-100 fixed-bottom zindex10"></div>
+    <div class="goldrand position-fixed w-100 fixed-bottom zindex1000"></div>
   </div>
 </template>
 
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index 9406ea034..ae7adc330 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -44,7 +44,7 @@
                 </b-col>
                 <b-col cols="2" class="text-right">
                   <div id="popover-target-1" class="pointer">
-                    <b-img src="img/svg/type.svg" width="19" class="svg"></b-img>
+                    <b-img src="img/svg/type.svg" width="19" class="svgType"></b-img>
                   </div>
                   <b-popover
                     target="popover-target-1"
@@ -164,6 +164,9 @@ export default {
   overflow: hidden;
 }
 
+.svgType:hover {
+  filter: invert(38%) sepia(18%) saturate(5307%) hue-rotate(179deg) brightness(89%) contrast(89%);
+}
 @media screen and (min-width: 2000px) {
   .right-content-box {
     max-width: 60%;