diff --git a/css/converse.css b/css/converse.css index 6bb6f408a..6077d1de9 100644 --- a/css/converse.css +++ b/css/converse.css @@ -7741,7 +7741,8 @@ body.reset { box-shadow: none; height: 100vh; min-height: 50vh; - width: 100%; } + width: 100%; + overflow: hidden; } #conversejs.converse-fullscreen .chatbox .chat-body { background-color: #3AA569; border-top-left-radius: 4px; @@ -8859,6 +8860,8 @@ body.reset { -webkit-animation: colorchange-chatmessage 1s; } #conversejs .message.chat-msg:hover { background-color: rgba(0, 0, 0, 0.035); } + #conversejs .message.chat-msg:hover .chat-msg-actions .chat-msg-action { + display: block; } #conversejs .message.chat-msg.correcting.groupchat { background-color: #fdf1ee; } #conversejs .message.chat-msg.correcting:not(.groupchat) { @@ -8896,6 +8899,16 @@ body.reset { word-wrap: break-word; } #conversejs .message.chat-msg .chat-msg-media audio { width: 100%; } + #conversejs .message.chat-msg .chat-msg-actions .chat-msg-action { + height: 14px; + font-size: 14px; + padding: 0; + border: none; + display: none; + background: transparent; + cursor: pointer; } + #conversejs .message.chat-msg .chat-msg-actions .chat-msg-action:focus { + display: block; } #conversejs .message.chat-msg .avatar { margin-top: 0.5em; height: 36px; diff --git a/demo/embedded.html b/demo/embedded.html index 351a91707..2b847d473 100644 --- a/demo/embedded.html +++ b/demo/embedded.html @@ -16,7 +16,7 @@ - +