From 48398075c822a7058a01192ef573b2687be0f5aa Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Mon, 18 Nov 2019 12:23:26 +0300
Subject: [PATCH] style base icon

---
 webapp/components/_new/generic/BaseIcon.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/webapp/components/_new/generic/BaseIcon.vue b/webapp/components/_new/generic/BaseIcon.vue
index ffea41dae..66b0571de 100644
--- a/webapp/components/_new/generic/BaseIcon.vue
+++ b/webapp/components/_new/generic/BaseIcon.vue
@@ -1,6 +1,6 @@
 <template>
-  <span v-if="svgIcon">
-    <component :is="svgIcon" />
+  <span v-if="svgIcon" class="base-icon">
+    <component :is="svgIcon" aria-hidden="true" focusable="false" class="svg" />
   </span>
 </template>
 
@@ -26,10 +26,21 @@ export default {
       /*
       a Vue component needs a render function,
       so we check if there is a render function directly on the icon –
-      otherwise it is wrapped in icon.default
+      otherwise we know it is wrapped in icon.default
       */
       return icon.render ? icon : icon.default
     },
   },
 }
 </script>
+
+<style lang="scss">
+.base-icon {
+  display: inline-flex;
+
+  > .svg {
+    height: 1em;
+    fill: currentColor;
+  }
+}
+</style>