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

Hide navbar in mobile view and set box height to full viewport height.

Browse Source
This commit is contained in:
JC Brand 2015-11-05 10:42:51 +00:00
parent d62ae0c63a
commit f81acdbf00
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/converse.css
View File

@ -1265,7 +1265,7 @@
#conversejs .chatbox .box-flyout { #conversejs .chatbox .box-flyout {
height: 400px; height: 400px;
width: 100%; width: 100%;
height: 88vh; } } height: 99vh; } }
#conversejs .chatbox .chat-title { #conversejs .chatbox .chat-title {
color: white; color: white;
line-height: 15px; line-height: 15px;

7
css/theme.css
View File

@ -103,6 +103,13 @@ a:focus {
border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
} }
} }
@media (max-width: 480px) {
.navbar {
display: none;
}
}
.features-section, .features-section,
.outro, .outro,
.intro { .intro {

2
sass/_chatbox.scss
View File

@ -73,7 +73,7 @@
@media screen and (max-width: $mobile-landscape-length) { @media screen and (max-width: $mobile-landscape-length) {
height: $mobile-chat-height; height: $mobile-chat-height;
width: $mobile-chat-width; width: $mobile-chat-width;
height: 88vh; height: 99vh;
} }
} }
.chat-title { .chat-title {