Skip to content

C
converse.js
Commit 4d8fdb99 authored by JC Brand's avatar JC Brand
Browse files
Options

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

parent 245ea22d
Hide whitespace changes
Inline Side-by-side
Showing with 5 additions and 3 deletions
css/converse.css
View file @ 4d8fdb99
...@@ -7604,7 +7604,8 @@ body.reset { ...@@ -7604,7 +7604,8 @@ body.reset {
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-picker li, #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-category-picker li,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-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-category-picker li:hover,
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-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, #conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li:hover,
...@@ -7703,7 +7704,7 @@ body.reset { ...@@ -7703,7 +7704,7 @@ body.reset {
margin-bottom: -5px; } margin-bottom: -5px; }
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu, #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu,
#conversejs:not(.fullscreen) .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, #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 { #conversejs:not(.fullscreen) .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
width: 100%; } width: 100%; }
......
sass/_chatbox.scss
View file @ 4d8fdb99
...@@ -443,6 +443,7 @@ ...@@ -443,6 +443,7 @@
.emoji-skintone-picker { .emoji-skintone-picker {
li { li {
padding: 0.2em; padding: 0.2em;
font-size: $font-size-huge;
&:hover { &:hover {
background-color: $highlight-color; background-color: $highlight-color;
} }
......
sass/converse/_chatbox.scss
View file @ 4d8fdb99
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
.chat-toolbar { .chat-toolbar {
li { li {
.toolbar-menu { .toolbar-menu {
min-width: 15rem; min-width: 235px;
ul { ul {
&.emoji-toolbar { &.emoji-toolbar {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7