Просмотр исходного кода

feat: Emoji mart style update

https://youtrack.weseek.co.jp/issue/GW-7732
- Removed button anchor style and root button
- Added style for selected anchor bar height and color
I Komang Mudana 4 лет назад
Родитель
Сommit
ec6b6bd426
2 измененных файлов с 17 добавлено и 9 удалено
  1. 0 9
      packages/app/src/styles/_emoji-mart.scss
  2. 17 0
      packages/app/src/styles/theme/_apply-colors.scss

+ 0 - 9
packages/app/src/styles/_emoji-mart.scss

@@ -3,15 +3,6 @@ nav.emoji-mart-anchors {
   display: flex !important;
   display: flex !important;
 }
 }
 
 
-button.emoji-mart-anchors {
-  display: inline-block !important;
-  color: #858585 !important;
-}
-
-:root button {
-  overflow: hidden;
-}
-
 .emoji-mart-category {
 .emoji-mart-category {
   .emoji-mart-emoji span {
   .emoji-mart-emoji span {
     cursor: pointer !important;
     cursor: pointer !important;

+ 17 - 0
packages/app/src/styles/theme/_apply-colors.scss

@@ -738,3 +738,20 @@ mark.rbt-highlight-text {
   height: 7px;
   height: 7px;
   background-color: $primary;
   background-color: $primary;
 }
 }
+
+/**
+  Emoji mart style
+*/
+.emoji-mart {
+  .emoji-mart-anchor-selected {
+    .emoji-mart-anchor-bar {
+      height: 3px;
+    }
+    svg {
+       fill: $purple;
+    }
+  }
+  .emoji-mart-anchor-bar {
+    height: 0px;
+  }
+}