From 6736a009c1fedc5aedcfadd164dfdf5770a05dc8 Mon Sep 17 00:00:00 2001
From: Alexandros Georgantas <alexgeorg86@gmail.com>
Date: Fri, 22 Sep 2017 16:00:54 +0300
Subject: [PATCH] Corrections for the svg. Viewbox added plus css rules
---
src/atoms/Avatar.js | 1 +
src/atoms/Avatar.local.scss | 10 +++++++++-
2 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/atoms/Avatar.js b/src/atoms/Avatar.js
index f692dc8e3..de4eb8d60 100644
--- a/src/atoms/Avatar.js
+++ b/src/atoms/Avatar.js
@@ -10,6 +10,7 @@ const Avatar = ({ status, width, height }) => {
<svg
className={classes[classValue]}
xmlns="http://www.w3.org/2000/svg"
+ viewbox={`0 0 ${width ? width + 5 : '105'} ${height ? height : '70'}`}
width={width ? width : '100'}
height={height ? height : '70'}
>
diff --git a/src/atoms/Avatar.local.scss b/src/atoms/Avatar.local.scss
index 597a3c091..c040f66d5 100644
--- a/src/atoms/Avatar.local.scss
+++ b/src/atoms/Avatar.local.scss
@@ -1,6 +1,14 @@
figure {
- width: 6em;
+ width: auto;
margin: 0 auto 2px;
+ text-align: center;
+}
+
+svg {
+ max-width: 100%;
+ width: auto;
+ max-height: 100vh;
+ height: auto;
}
.default {
--
GitLab