Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Suggestion box needs a different offset in overlay mode

Browse Source
This commit is contained in:
JC Brand 2018-08-14 12:50:10 +02:00
parent ad73abbd12
commit 108c174d71
3 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/converse.css
View File

@ -7476,6 +7476,8 @@ body.reset {
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
#conversejs .chatbox .sendXMPPMessage { #conversejs .chatbox .sendXMPPMessage {
width: 100%; } } width: 100%; } }
#conversejs .chatbox .sendXMPPMessage .suggestion-box__results:after {
display: none; }
#conversejs .chatbox .sendXMPPMessage .spoiler-hint { #conversejs .chatbox .sendXMPPMessage .spoiler-hint {
width: 100%; } width: 100%; }
#conversejs .chatbox .sendXMPPMessage .chat-textarea { #conversejs .chatbox .sendXMPPMessage .chat-textarea {
@ -7748,8 +7750,6 @@ body.reset {
line-height: 27px; } line-height: 27px; }
#conversejs.converse-fullscreen .chatbox .sendXMPPMessage ul { #conversejs.converse-fullscreen .chatbox .sendXMPPMessage ul {
width: 100%; } width: 100%; }
#conversejs.converse-fullscreen .chatbox .sendXMPPMessage .suggestion-box__results:after {
display: none; }
#conversejs.converse-fullscreen .chatbox .sendXMPPMessage .toggle-smiley ul.emoji-toolbar .emoji-category-picker { #conversejs.converse-fullscreen .chatbox .sendXMPPMessage .toggle-smiley ul.emoji-toolbar .emoji-category-picker {
margin-right: 5em; } margin-right: 5em; }
#conversejs.converse-fullscreen .chatbox .sendXMPPMessage .toggle-smiley ul.emoji-toolbar .emoji-category { #conversejs.converse-fullscreen .chatbox .sendXMPPMessage .toggle-smiley ul.emoji-toolbar .emoji-category {
@ -9157,6 +9157,12 @@ body.reset {
background: #3d6b00; background: #3d6b00;
color: inherit; } color: inherit; }
#conversejs.converse-fullscreen .suggestion-box__results--above {
bottom: 4.5em; }
#conversejs.converse-overlayed .suggestion-box__results--above {
bottom: 5.5em; }
#conversejs.converse-embedded { #conversejs.converse-embedded {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;

12
sass/_awesomplete.scss
View File

@ -138,3 +138,15 @@
color: inherit; color: inherit;
} }
} }
#conversejs.converse-fullscreen {
.suggestion-box__results--above {
bottom: 4.5em;
}
}
#conversejs.converse-overlayed {
.suggestion-box__results--above {
bottom: 5.5em;
}
}

11
sass/_chatbox.scss
View File

@ -235,6 +235,12 @@
width: 100%; width: 100%;
} }
.suggestion-box__results {
&:after {
display: none;
}
}
.spoiler-hint { .spoiler-hint {
width: 100%; width: 100%;
} }
@ -605,11 +611,6 @@
ul { ul {
width: 100%; width: 100%;
} }
.suggestion-box__results {
&:after {
display: none;
}
}
.toggle-smiley { .toggle-smiley {
ul { ul {
&.emoji-toolbar { &.emoji-toolbar {