IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

style base icon

Browse Source
This commit is contained in:
Alina Beck 2019-11-18 12:23:26 +03:00
parent 9a7222fad7
commit 48398075c8
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
webapp/components/_new/generic/BaseIcon.vue
View File

@ -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>