From 79aff2edb24eef7367d7b0196e1aa779dcb307b6 Mon Sep 17 00:00:00 2001
From: Katherina Marcenko <45818654+KatvonRivia@users.noreply.github.com>
Date: Thu, 17 Sep 2020 09:40:06 +0200
Subject: [PATCH] feat(ubilabs-attribution): add ubilabs credits (#642)
---
.../components/main/icons/ubilabs-logo.tsx | 32 +++++++++++++++++++
src/scripts/components/main/menu/menu.styl | 24 ++++++++++++++
src/scripts/components/main/menu/menu.tsx | 5 +++
3 files changed, 61 insertions(+)
create mode 100644 src/scripts/components/main/icons/ubilabs-logo.tsx
diff --git a/src/scripts/components/main/icons/ubilabs-logo.tsx b/src/scripts/components/main/icons/ubilabs-logo.tsx
new file mode 100644
index 000000000..757ced1cb
--- /dev/null
+++ b/src/scripts/components/main/icons/ubilabs-logo.tsx
@@ -0,0 +1,32 @@
+import React, {FunctionComponent} from 'react';
+
+export const Ubilabslogo: FunctionComponent = () => (
+
+);
diff --git a/src/scripts/components/main/menu/menu.styl b/src/scripts/components/main/menu/menu.styl
index 05fa4d0fe..4165f788e 100644
--- a/src/scripts/components/main/menu/menu.styl
+++ b/src/scripts/components/main/menu/menu.styl
@@ -72,9 +72,33 @@
color: $textDefault
font-size: 10px
+.credits
+ position: absolute
+ bottom: emCalc(20px)
+ left: emCalc(32px)
+ color: $textDefault
+ font-size: 10px
+
+ svg
+ height: emCalc(30px)
+ fill: $textDefault
+
+ &:hover
+ fill: $textColor
+
+.creditsText
+ margin: emCalc(5px)
+ font-size: 10px
+
@media screen and (max-width: 480px)
.menuContainer
width: 100%
.menuList:first-child
display: none
+
+ .logo
+ bottom: emCalc(48px)
+
+ .credits
+ display: flex
diff --git a/src/scripts/components/main/menu/menu.tsx b/src/scripts/components/main/menu/menu.tsx
index 3f1bef830..eb1dc8eed 100644
--- a/src/scripts/components/main/menu/menu.tsx
+++ b/src/scripts/components/main/menu/menu.tsx
@@ -14,6 +14,7 @@ import {WindowsIcon} from '../icons/windows-icon';
import {LinuxIcon} from '../icons/linux-icon';
import {AppleIcon} from '../icons/apple-icon';
import config from '../../../config/main';
+import {Ubilabslogo} from '../icons/ubilabs-logo';
import styles from './menu.styl';
@@ -134,6 +135,10 @@ const Menu: FunctionComponent = () => {
)}
+