Emoji reaction fixes

3 years ago · f704024394
parent f3fc9546f1
commit f704024394
3 changed files with 9 additions and 6 deletions
--- a/app/styles/components/detailed-status.scss
+++ b/app/styles/components/detailed-status.scss
@ -100,6 +100,7 @@
    .emoji-picker-expand {
      display: inline-flex;
      width: 0;
+      height: 0;
      overflow: hidden;

      &:focus-within {
--- a/app/styles/components/emoji-reacts.scss
+++ b/app/styles/components/emoji-reacts.scss
@ -114,9 +114,7 @@
    &:hover,
    &:focus {
      img {
-        width: 36px;
-        height: 36px;
-        padding: 0;
+        transform: scale(1.2);
      }
    }
  }
@ -142,6 +140,7 @@
  .icon-button__emoji .emojione {
    width: 20px;
    height: 20px;
+    margin: 0;
  }

  svg {
@ -158,9 +157,11 @@
 .status__action-bar__counter--favourite,
 .detailed-status__button--favourite {
  .svg-icon svg {
-    width: 26px;
-    height: 26px;
-    transform: translateY(-6px);
+    transform: translateY(-1px) scale(1.3);
+
+    &.icon-tabler {
+      stroke-width: 1.4px !important;
+    }
  }
 }

--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@ -709,6 +709,7 @@ a.status-card.compact:hover {
    .emoji-picker-expand {
      display: inline-flex;
      width: 0;
+      height: 0;
      overflow: hidden;

      &:focus-within {