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

Hide close button for controlbox in mobile view.

Browse Source
This commit is contained in:
JC Brand 2016-04-01 13:30:17 +00:00
parent a6c3b46237
commit 4ae29e188b
3 changed files with 16 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/converse.css
View File

@ -1536,6 +1536,12 @@
#conversejs #controlbox .controlbox-head { #conversejs #controlbox .controlbox-head {
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; } } border-top-right-radius: 0; } }
@media screen and (max-height: 450px) {
#conversejs #controlbox .controlbox-head .chatbox-btn.close-chatbox-button {
display: none; } }
@media screen and (max-width: 480px) {
#conversejs #controlbox .controlbox-head .chatbox-btn.close-chatbox-button {
display: none; } }
#conversejs #controlbox form.search-xmpp-contact { #conversejs #controlbox form.search-xmpp-contact {
margin: 0; margin: 0;
padding-left: 5px; padding-left: 5px;

30
css/converse.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
sass/_controlbox.scss
View File

@ -24,6 +24,16 @@
height: $chat-head-height; height: $chat-head-height;
margin: 0; margin: 0;
padding: 6px 6px 6px 0; padding: 6px 6px 6px 0;
.chatbox-btn.close-chatbox-button {
@media screen and (max-height: $mobile-landscape-height) {
display: none;
}
@media screen and (max-width: $mobile-portrait-length) {
display: none;
}
}
} }
form.search-xmpp-contact { form.search-xmpp-contact {
margin: 0; margin: 0;