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

4d8fdb99 · JC Brand · 245ea22d · 4d8fdb99 · 4d8fdb99 · 4d8fdb99
Commit 4d8fdb99 authored Mar 25, 2018 by JC Brand
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 3 deletions

css/converse.css css/converse.css +3 -2

sass/_chatbox.scss sass/_chatbox.scss +1 -0

sass/converse/_chatbox.scss sass/converse/_chatbox.scss +1 -1

No files found.
--- a/css/converse.css
+++ b/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%; }

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

--- a/sass/converse/_chatbox.scss
+++ b/sass/converse/_chatbox.scss
@@ -42,7 +42,7 @@
            .chat-toolbar {
                li {
                    .toolbar-menu {
-                        min-width: 15rem;
+                        min-width: 235px;

                        ul {
                            &.emoji-toolbar {