From 259a58cab9f42a0f09d2ea318c49fbbab3fcd3a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 6 Jan 2021 08:08:18 +0100
Subject: [PATCH] Change svg's width and height from 100% to explicit px of
 viewBox

- Set a link on password-reset image.
---
 webapp/components/LoginForm/LoginForm.vue    |  4 ++--
 webapp/pages/password-reset.vue              | 12 +++++++++++-
 webapp/static/img/custom/Logo-Horizontal.svg |  2 +-
 webapp/static/img/custom/logout.svg          |  2 +-
 webapp/static/img/custom/password-reset.svg  |  2 +-
 webapp/static/img/custom/welcome.svg         |  2 +-
 6 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/webapp/components/LoginForm/LoginForm.vue b/webapp/components/LoginForm/LoginForm.vue
index 5dc571f28..28998d3fc 100644
--- a/webapp/components/LoginForm/LoginForm.vue
+++ b/webapp/components/LoginForm/LoginForm.vue
@@ -6,9 +6,9 @@
     </blockquote>
     <base-card>
       <template #imageColumn>
-        <!-- <a :href="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)" target="_blank"> -->
+        <a :href="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)" target="_blank">
           <img class="image" alt="Welcome" src="/img/custom/welcome.svg" />
-        <!-- </a> -->
+        </a>
       </template>
       <h2 class="title">{{ $t('login.login') }}</h2>
       <form :disabled="pending" @submit.prevent="onSubmit">
diff --git a/webapp/pages/password-reset.vue b/webapp/pages/password-reset.vue
index 21ffdf0fb..74b719d5f 100644
--- a/webapp/pages/password-reset.vue
+++ b/webapp/pages/password-reset.vue
@@ -2,7 +2,9 @@
   <ds-container width="small" class="password-reset">
     <base-card>
       <template #imageColumn>
-        <img class="image" alt="Reset your password" src="/img/custom/password-reset.svg" />
+        <a :href="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)" target="_blank">
+          <img class="image" alt="Reset your password" src="/img/custom/password-reset.svg" />
+        </a>
       </template>
       <nuxt-child />
       <template #topMenu>
@@ -13,6 +15,8 @@
 </template>
 
 <script>
+import links from '~/constants/links.js'
+import metadata from '~/constants/metadata.js'
 import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
 
 export default {
@@ -20,6 +24,12 @@ export default {
     LocaleSwitch,
   },
   layout: 'no-header',
+  data() {
+    return {
+      metadata,
+      links,
+    }
+  },
   asyncData({ store, redirect }) {
     if (store.getters['auth/isLoggedIn']) {
       redirect('/')
diff --git a/webapp/static/img/custom/Logo-Horizontal.svg b/webapp/static/img/custom/Logo-Horizontal.svg
index d821c8329..27b522b75 100644
--- a/webapp/static/img/custom/Logo-Horizontal.svg
+++ b/webapp/static/img/custom/Logo-Horizontal.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 828 260" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+<svg width="828" height="260" viewBox="0 0 828 260" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
     <g transform="matrix(20.1687,-2.56346,1.16905,9.19781,-4871.51,-1187.23)">
         <g transform="matrix(19.367,0,0,42.4673,232.904,227.313)">
             <path d="M0.033,-0.722L0.01,-0.722C0.006,-0.724 0.004,-0.726 0.004,-0.728C0.004,-0.73 0.006,-0.732 0.01,-0.734L0.161,-0.734C0.163,-0.734 0.164,-0.734 0.165,-0.733C0.166,-0.732 0.167,-0.73 0.167,-0.728C0.167,-0.726 0.166,-0.725 0.165,-0.723C0.164,-0.722 0.163,-0.722 0.161,-0.722L0.135,-0.722L0.181,-0.229L0.228,-0.677L0.223,-0.722L0.199,-0.722C0.197,-0.722 0.196,-0.722 0.195,-0.723C0.193,-0.725 0.193,-0.726 0.193,-0.728C0.193,-0.73 0.193,-0.732 0.195,-0.733C0.196,-0.734 0.197,-0.734 0.199,-0.734L0.352,-0.734C0.356,-0.732 0.357,-0.73 0.357,-0.728C0.357,-0.726 0.356,-0.724 0.352,-0.722L0.324,-0.722L0.371,-0.229L0.418,-0.667C0.419,-0.671 0.419,-0.676 0.419,-0.68C0.419,-0.691 0.417,-0.7 0.414,-0.707C0.411,-0.714 0.406,-0.718 0.4,-0.721L0.385,-0.723C0.383,-0.724 0.382,-0.725 0.382,-0.728C0.382,-0.73 0.384,-0.732 0.388,-0.734L0.469,-0.734C0.472,-0.732 0.474,-0.73 0.474,-0.728C0.474,-0.726 0.474,-0.725 0.473,-0.724C0.472,-0.723 0.471,-0.722 0.469,-0.722C0.46,-0.721 0.453,-0.716 0.446,-0.707C0.437,-0.695 0.432,-0.68 0.43,-0.662L0.365,-0.054C0.361,-0.025 0.359,-0.009 0.356,-0.004C0.354,-0.001 0.351,-0 0.347,-0L0.312,-0C0.307,-0 0.303,-0.002 0.301,-0.006L0.295,-0.06L0.233,-0.62L0.175,-0.054C0.172,-0.023 0.169,-0.007 0.168,-0.005C0.166,-0.002 0.162,-0 0.156,-0L0.121,-0C0.117,-0 0.114,-0.001 0.112,-0.004C0.111,-0.006 0.109,-0.021 0.106,-0.048L0.033,-0.722Z" style="fill:rgb(204,204,204);fill-opacity:0.4;fill-rule:nonzero;"/>
diff --git a/webapp/static/img/custom/logout.svg b/webapp/static/img/custom/logout.svg
index 15f420c79..b130e7583 100644
--- a/webapp/static/img/custom/logout.svg
+++ b/webapp/static/img/custom/logout.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 600 570" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+<svg width="600" height="570" viewBox="0 0 600 570" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
     <g transform="matrix(19.3864,-2.46403,1.12371,8.84107,-4780.51,-981.139)">
         <g transform="matrix(19.367,0,0,42.4673,232.904,227.313)">
             <path d="M0.033,-0.722L0.01,-0.722C0.006,-0.724 0.004,-0.726 0.004,-0.728C0.004,-0.73 0.006,-0.732 0.01,-0.734L0.161,-0.734C0.163,-0.734 0.164,-0.734 0.165,-0.733C0.166,-0.732 0.167,-0.73 0.167,-0.728C0.167,-0.726 0.166,-0.725 0.165,-0.723C0.164,-0.722 0.163,-0.722 0.161,-0.722L0.135,-0.722L0.181,-0.229L0.228,-0.677L0.223,-0.722L0.199,-0.722C0.197,-0.722 0.196,-0.722 0.195,-0.723C0.193,-0.725 0.193,-0.726 0.193,-0.728C0.193,-0.73 0.193,-0.732 0.195,-0.733C0.196,-0.734 0.197,-0.734 0.199,-0.734L0.352,-0.734C0.356,-0.732 0.357,-0.73 0.357,-0.728C0.357,-0.726 0.356,-0.724 0.352,-0.722L0.324,-0.722L0.371,-0.229L0.418,-0.667C0.419,-0.671 0.419,-0.676 0.419,-0.68C0.419,-0.691 0.417,-0.7 0.414,-0.707C0.411,-0.714 0.406,-0.718 0.4,-0.721L0.385,-0.723C0.383,-0.724 0.382,-0.725 0.382,-0.728C0.382,-0.73 0.384,-0.732 0.388,-0.734L0.469,-0.734C0.472,-0.732 0.474,-0.73 0.474,-0.728C0.474,-0.726 0.474,-0.725 0.473,-0.724C0.472,-0.723 0.471,-0.722 0.469,-0.722C0.46,-0.721 0.453,-0.716 0.446,-0.707C0.437,-0.695 0.432,-0.68 0.43,-0.662L0.365,-0.054C0.361,-0.025 0.359,-0.009 0.356,-0.004C0.354,-0.001 0.351,-0 0.347,-0L0.312,-0C0.307,-0 0.303,-0.002 0.301,-0.006L0.295,-0.06L0.233,-0.62L0.175,-0.054C0.172,-0.023 0.169,-0.007 0.168,-0.005C0.166,-0.002 0.162,-0 0.156,-0L0.121,-0C0.117,-0 0.114,-0.001 0.112,-0.004C0.111,-0.006 0.109,-0.021 0.106,-0.048L0.033,-0.722Z" style="fill:rgb(204,204,204);fill-opacity:0.4;fill-rule:nonzero;"/>
diff --git a/webapp/static/img/custom/password-reset.svg b/webapp/static/img/custom/password-reset.svg
index e93e04dae..68c94d49d 100644
--- a/webapp/static/img/custom/password-reset.svg
+++ b/webapp/static/img/custom/password-reset.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 619 593" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+<svg width="619" height="593" viewBox="0 0 619 593" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
     <g transform="matrix(20.1687,-2.56346,1.16905,9.19781,-4976.01,-1020.73)">
         <g transform="matrix(19.367,0,0,42.4673,232.904,227.313)">
             <path d="M0.033,-0.722L0.01,-0.722C0.006,-0.724 0.004,-0.726 0.004,-0.728C0.004,-0.73 0.006,-0.732 0.01,-0.734L0.161,-0.734C0.163,-0.734 0.164,-0.734 0.165,-0.733C0.166,-0.732 0.167,-0.73 0.167,-0.728C0.167,-0.726 0.166,-0.725 0.165,-0.723C0.164,-0.722 0.163,-0.722 0.161,-0.722L0.135,-0.722L0.181,-0.229L0.228,-0.677L0.223,-0.722L0.199,-0.722C0.197,-0.722 0.196,-0.722 0.195,-0.723C0.193,-0.725 0.193,-0.726 0.193,-0.728C0.193,-0.73 0.193,-0.732 0.195,-0.733C0.196,-0.734 0.197,-0.734 0.199,-0.734L0.352,-0.734C0.356,-0.732 0.357,-0.73 0.357,-0.728C0.357,-0.726 0.356,-0.724 0.352,-0.722L0.324,-0.722L0.371,-0.229L0.418,-0.667C0.419,-0.671 0.419,-0.676 0.419,-0.68C0.419,-0.691 0.417,-0.7 0.414,-0.707C0.411,-0.714 0.406,-0.718 0.4,-0.721L0.385,-0.723C0.383,-0.724 0.382,-0.725 0.382,-0.728C0.382,-0.73 0.384,-0.732 0.388,-0.734L0.469,-0.734C0.472,-0.732 0.474,-0.73 0.474,-0.728C0.474,-0.726 0.474,-0.725 0.473,-0.724C0.472,-0.723 0.471,-0.722 0.469,-0.722C0.46,-0.721 0.453,-0.716 0.446,-0.707C0.437,-0.695 0.432,-0.68 0.43,-0.662L0.365,-0.054C0.361,-0.025 0.359,-0.009 0.356,-0.004C0.354,-0.001 0.351,-0 0.347,-0L0.312,-0C0.307,-0 0.303,-0.002 0.301,-0.006L0.295,-0.06L0.233,-0.62L0.175,-0.054C0.172,-0.023 0.169,-0.007 0.168,-0.005C0.166,-0.002 0.162,-0 0.156,-0L0.121,-0C0.117,-0 0.114,-0.001 0.112,-0.004C0.111,-0.006 0.109,-0.021 0.106,-0.048L0.033,-0.722Z" style="fill:rgb(204,204,204);fill-opacity:0.4;fill-rule:nonzero;"/>
diff --git a/webapp/static/img/custom/welcome.svg b/webapp/static/img/custom/welcome.svg
index e93e04dae..68c94d49d 100644
--- a/webapp/static/img/custom/welcome.svg
+++ b/webapp/static/img/custom/welcome.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 619 593" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+<svg width="619" height="593" viewBox="0 0 619 593" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
     <g transform="matrix(20.1687,-2.56346,1.16905,9.19781,-4976.01,-1020.73)">
         <g transform="matrix(19.367,0,0,42.4673,232.904,227.313)">
             <path d="M0.033,-0.722L0.01,-0.722C0.006,-0.724 0.004,-0.726 0.004,-0.728C0.004,-0.73 0.006,-0.732 0.01,-0.734L0.161,-0.734C0.163,-0.734 0.164,-0.734 0.165,-0.733C0.166,-0.732 0.167,-0.73 0.167,-0.728C0.167,-0.726 0.166,-0.725 0.165,-0.723C0.164,-0.722 0.163,-0.722 0.161,-0.722L0.135,-0.722L0.181,-0.229L0.228,-0.677L0.223,-0.722L0.199,-0.722C0.197,-0.722 0.196,-0.722 0.195,-0.723C0.193,-0.725 0.193,-0.726 0.193,-0.728C0.193,-0.73 0.193,-0.732 0.195,-0.733C0.196,-0.734 0.197,-0.734 0.199,-0.734L0.352,-0.734C0.356,-0.732 0.357,-0.73 0.357,-0.728C0.357,-0.726 0.356,-0.724 0.352,-0.722L0.324,-0.722L0.371,-0.229L0.418,-0.667C0.419,-0.671 0.419,-0.676 0.419,-0.68C0.419,-0.691 0.417,-0.7 0.414,-0.707C0.411,-0.714 0.406,-0.718 0.4,-0.721L0.385,-0.723C0.383,-0.724 0.382,-0.725 0.382,-0.728C0.382,-0.73 0.384,-0.732 0.388,-0.734L0.469,-0.734C0.472,-0.732 0.474,-0.73 0.474,-0.728C0.474,-0.726 0.474,-0.725 0.473,-0.724C0.472,-0.723 0.471,-0.722 0.469,-0.722C0.46,-0.721 0.453,-0.716 0.446,-0.707C0.437,-0.695 0.432,-0.68 0.43,-0.662L0.365,-0.054C0.361,-0.025 0.359,-0.009 0.356,-0.004C0.354,-0.001 0.351,-0 0.347,-0L0.312,-0C0.307,-0 0.303,-0.002 0.301,-0.006L0.295,-0.06L0.233,-0.62L0.175,-0.054C0.172,-0.023 0.169,-0.007 0.168,-0.005C0.166,-0.002 0.162,-0 0.156,-0L0.121,-0C0.117,-0 0.114,-0.001 0.112,-0.004C0.111,-0.006 0.109,-0.021 0.106,-0.048L0.033,-0.722Z" style="fill:rgb(204,204,204);fill-opacity:0.4;fill-rule:nonzero;"/>