Add SVG icon support

2021-09-12 18:54:38 -05:00
parent 1ea45f7cdb
commit 3bf15df730
7 changed files with 73 additions and 1 deletions
--- a/app/styles/components/emoji-reacts.scss
+++ b/app/styles/components/emoji-reacts.scss
@@ -30,6 +30,10 @@
    font-size: 20px;
    margin-right: 0.2em;
  }
+
+  .svg-icon {
+    margin-right: 0.2em;
+  }
 }

 .emoji-reacts {
--- a/app/styles/components/icon.scss
+++ b/app/styles/components/icon.scss
@@ -0,0 +1,18 @@
+.svg-icon {
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  > svg {
+    max-width: 100%;
+    max-height: 100%;
+  }
+}
+
+.icon-button > div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
--- a/app/styles/components/search.scss
+++ b/app/styles/components/search.scss
@@ -36,7 +36,8 @@
    outline: 0 !important;
  }

-  .fa {
+  .fa,
+  .svg-icon {
    @include font-size(16);
    cursor: default;
    display: inline-block;