Browse Source

More changes to emoji toolbar (based on tests in Plone)

JC Brand 7 năm trước cách đây
mục cha
commit
fbe950f7f7
3 tập tin đã thay đổi với 5 bổ sung3 xóa
  1. 3 2
      css/converse.css
  2. 1 0
      sass/_chatbox.scss
  3. 1 1
      sass/converse/_chatbox.scss

+ 3 - 2
css/converse.css

@@ -7604,7 +7604,8 @@ body.reset {
           #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-picker li,
           #conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li,
           #conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-picker li {
-            padding: 0.2em; }
+            padding: 0.2em;
+            font-size: 20px; }
             #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li:hover,
             #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-picker li:hover,
             #conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li:hover,
@@ -7703,7 +7704,7 @@ body.reset {
         margin-bottom: -5px; }
 #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu,
 #conversejs:not(.fullscreen) .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu {
-  min-width: 15rem; }
+  min-width: 235px; }
   #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar,
   #conversejs:not(.fullscreen) .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
     width: 100%; }

+ 1 - 0
sass/_chatbox.scss

@@ -443,6 +443,7 @@
                             .emoji-skintone-picker {
                                 li {
                                     padding: 0.2em;
+                                    font-size: $font-size-huge;
                                     &:hover {
                                         background-color: $highlight-color;
                                     }

+ 1 - 1
sass/converse/_chatbox.scss

@@ -42,7 +42,7 @@
             .chat-toolbar {
                 li {
                     .toolbar-menu {
-                        min-width: 15rem;
+                        min-width: 235px;
 
                         ul {
                             &.emoji-toolbar {