refactor(ubilabs-logo): change size and color (#655)

* refactor(ubilabs-logo): change size and color * refactor(ubilabs-logo): add link and translations, remove font size
ubilabs · Sep 24, 2020 · 152009e · 152009e
1 parent f94e133
commit 152009e
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 7 deletions.
diff --git a/i18n/de.json b/i18n/de.json
@@ -36,6 +36,7 @@
   "EsaWebsite": "ESA Website",
   "CCIWebsite": "CCI Website",
   "github": "Github",
+  "madeby": "made by",
   "closeStory": "Geschichte schließen",
   "removeCompare": "Vergleich entfernen",
   "dataInfo": "Dateninformation",

diff --git a/i18n/en.json b/i18n/en.json
@@ -36,6 +36,7 @@
   "EsaWebsite": "ESA Website",
   "CCIWebsite": "CCI Website",
   "github": "Github",
+  "madeby": "made by",
   "closeStory": "Close story",
   "removeCompare": "Remove Compare",
   "dataInfo": "Data Information",

diff --git a/i18n/es.json b/i18n/es.json
@@ -36,6 +36,7 @@
   "EsaWebsite": "El sitio web de ESA",
   "CCIWebsite": "El sitio web de CCI",
   "github": "Github",
+  "madeby": "made by",
   "closeStory": "Cerrar la historia",
   "removeCompare": "Eliminar comparar",
   "dataInfo": "Información de datos",

diff --git a/i18n/fr.json b/i18n/fr.json
@@ -36,6 +36,7 @@
   "EsaWebsite": "Site de l'ESA",
   "CCIWebsite": "Site de l'ICC",
   "github": "Github",
+  "madeby": "made by",
   "closeStory": "Fermer l'article",
   "removeCompare": "Retirer Comparez",
   "dataInfo": "Information sur les données",

diff --git a/i18n/nl.json b/i18n/nl.json
@@ -36,6 +36,7 @@
   "EsaWebsite": "ESA website",
   "CCIWebsite": "CCI website",
   "github": "Github",
+  "madeby": "made by",
   "closeStory": "Verhaal sluiten",
   "removeCompare": "Vergelijking verwijderen",
   "dataInfo": "Data informatie",

diff --git a/src/scripts/components/main/menu/menu.styl b/src/scripts/components/main/menu/menu.styl
@@ -60,7 +60,6 @@
   display: flex
   flex-direction: row
   justify-content: center
-  width: 100%
 
   svg
     fill: $main
@@ -77,18 +76,18 @@
   bottom: emCalc(20px)
   left: emCalc(32px)
   color: $textDefault
-  font-size: 10px
 
   svg
-    height: emCalc(30px)
-    fill: $textDefault
+    height: emCalc(25px)
+    fill: $textWhite
 
     &:hover
       fill: $textColor
 
 .creditsText
   margin: emCalc(5px)
-  font-size: 10px
+  margin-left: 0
+  font-size: 13px
 
 @media screen and (max-width: 480px)
   .menuContainer

diff --git a/src/scripts/components/main/menu/menu.tsx b/src/scripts/components/main/menu/menu.tsx
@@ -144,8 +144,15 @@ const Menu: FunctionComponent = () => {
         )}
       </nav>
       <div className={styles.credits}>
-        <p className={styles.creditsText}>Made by</p>
-        <Ubilabslogo />
+        <a
+          href={'https://ubilabs.net'}
+          target={'_blank'}
+          rel="noopener noreferrer">
+          <p className={styles.creditsText}>
+            <FormattedMessage id={'madeby'} />
+          </p>
+          <Ubilabslogo />
+        </a>
       </div>
       <div className={styles.logo}>
         <CCILogo />