Fix height and padding for minimized chats toggle
This commit is contained in:
parent
9528d81c00
commit
eddc359a64
@ -8542,7 +8542,7 @@ body.reset {
|
|||||||
border-top-left-radius: 4px;
|
border-top-left-radius: 4px;
|
||||||
border-top-right-radius: 4px;
|
border-top-right-radius: 4px;
|
||||||
background-color: #578EA9;
|
background-color: #578EA9;
|
||||||
padding: 0.5em 0;
|
padding: 1em 0 0 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: white;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@ -8564,7 +8564,7 @@ body.reset {
|
|||||||
color: white; }
|
color: white; }
|
||||||
#conversejs:not(.fullscreen) #minimized-chats .minimized-chats-flyout {
|
#conversejs:not(.fullscreen) #minimized-chats .minimized-chats-flyout {
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
bottom: 30px;
|
bottom: 42px;
|
||||||
width: 130px; }
|
width: 130px; }
|
||||||
#conversejs:not(.fullscreen) #minimized-chats .minimized-chats-flyout .chat-head {
|
#conversejs:not(.fullscreen) #minimized-chats .minimized-chats-flyout .chat-head {
|
||||||
padding: 0.3em;
|
padding: 0.3em;
|
||||||
|
@ -7647,31 +7647,31 @@ body {
|
|||||||
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji a:hover,
|
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji a:hover,
|
||||||
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji a:hover {
|
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji a:hover {
|
||||||
color: #8f2831; }
|
color: #8f2831; }
|
||||||
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley,
|
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley a.toggle-smiley,
|
||||||
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley {
|
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley a.toggle-smiley {
|
||||||
padding: 0 0 0 0.5em; }
|
padding: 0; }
|
||||||
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar,
|
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar,
|
||||||
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar {
|
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar {
|
||||||
box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.4); }
|
box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.4); }
|
||||||
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker,
|
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker,
|
||||||
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker {
|
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker {
|
||||||
padding-top: 0.5em; }
|
padding-top: 0.5em; }
|
||||||
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker ul,
|
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker ul,
|
||||||
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker ul {
|
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li,
|
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li,
|
||||||
#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: 26px; }
|
font-size: 26px; }
|
||||||
#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,
|
||||||
#conversejs .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-skintone-picker li:hover {
|
||||||
background-color: #DCF9F6; }
|
background-color: #DCF9F6; }
|
||||||
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul,
|
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul,
|
||||||
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul {
|
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul {
|
||||||
z-index: 99; }
|
z-index: 99; }
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
border-top-left-radius: $chatbox-border-radius;
|
border-top-left-radius: $chatbox-border-radius;
|
||||||
border-top-right-radius: $chatbox-border-radius;
|
border-top-right-radius: $chatbox-border-radius;
|
||||||
background-color: $link-color;
|
background-color: $link-color;
|
||||||
padding: 0.5em 0;
|
padding: 1em 0 0 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: white;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@ -48,7 +48,7 @@
|
|||||||
|
|
||||||
.minimized-chats-flyout {
|
.minimized-chats-flyout {
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
bottom: 30px;
|
bottom: 42px;
|
||||||
width: $minimized-chats-width;
|
width: $minimized-chats-width;
|
||||||
|
|
||||||
.chat-head {
|
.chat-head {
|
||||||
|
Loading…
Reference in New Issue
Block a user