Ver código fonte

Tweak emoji CSS for overlayed view mode

JC Brand 5 anos atrás
pai
commit
053e82579f
3 arquivos alterados com 24 adições e 16 exclusões
  1. 22 14
      sass/_emoji.scss
  2. 1 1
      sass/_variables.scss
  3. 1 1
      webpack.html

+ 22 - 14
sass/_emoji.scss

@@ -150,22 +150,30 @@
         height: var(--overlayed-emoji-picker-height);
     }
     .chatbox {
-        .toggle-smiley {
-            .emoji-picker.toolbar-menu {
-                .emoji-picker__container {
-                    .emoji-picker {
-                        .insert-emoji {
-                            a {
-                                font-size: var(--font-size);
-                            }
+        .sendXMPPMessage {
+            .toggle-smiley {
+                .emoji-picker.toolbar-menu {
+                    li {
+                        &.insert-emoji {
+                            height: 20px;
+                            width: 20px;
                         }
                     }
-                    .emoji-skintone-picker {
-                        font-size: var(--font-size-small);
-                    }
-                    .emoji-picker__header {
-                        .emoji-category {
-                            font-size: var(--font-size);
+                    .emoji-picker__container {
+                        .emoji-picker {
+                            .insert-emoji {
+                                a {
+                                    font-size: var(--font-size);
+                                }
+                            }
+                        }
+                        .emoji-skintone-picker {
+                            font-size: var(--font-size-small);
+                        }
+                        .emoji-picker__header {
+                            .emoji-category {
+                                font-size: var(--font-size-small);
+                            }
                         }
                     }
                 }

+ 1 - 1
sass/_variables.scss

@@ -171,7 +171,7 @@ $mobile_portrait_length: 480px !default;
     --overlayed-chat-height: 450px;
     --overlayed-chat-width: 250px;
     --overlayed-chatbox-hover-height: 1em;
-    --overlayed-emoji-picker-height: 150px;
+    --overlayed-emoji-picker-height: 200px;
     --overlayed-max-chat-textarea-height: 200px;
     --overlayed-badge-color: #818479; // $gray-color
 

+ 1 - 1
webpack.html

@@ -29,7 +29,7 @@
         muc_domain: 'conference.chat.example.org',
         muc_respect_autojoin: true,
         password: 'secret',
-        view_mode: 'fullscreen',
+        view_mode: 'overlayed',
         websocket_url: 'ws://chat.example.org:5380/xmpp-websocket',
         whitelisted_plugins: ['converse-debug'],
     });