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

CSS tweaks to fix issues with variable height...

Browse Source 
due to new ability to resize chat boxes.
This commit is contained in:
JC Brand 2014-01-20 16:10:22 +02:00
parent e2e2a80a2d
commit 7991a0196a
1 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
converse.css
View File

@ -453,12 +453,12 @@ ul.participant-list li.moderator {
line-height: 1.3em; line-height: 1.3em;
box-sizing: border-box; box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
}
/* FIXME */ .chatbox .chat-content {
height: -webkit-calc(100% - 125px); height: -moz-calc(100% - 114px);
height: -moz-calc(100% - 125px); height: -o-calc(100% - 114px);
height: -o-calc(100% - 125px); height: calc(100% - 114px);
height: calc(100% - 125px);
} }
.chat-info { .chat-info {
@ -625,6 +625,7 @@ dl.add-converse-contact {
float: right; float: right;
clear: right; clear: right;
height: 22px; height: 22px;
width: 12px;
padding: 0px 5px 0 0; padding: 0px 5px 0 0;
color: rgb(79, 79, 79); color: rgb(79, 79, 79);
} }
@ -762,14 +763,11 @@ a.close-chatbox-button:active {
} }
#converse-roster { #converse-roster {
height: 200px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
width: 100%; width: 100%;
margin: 0; margin: 0;
position: relative; position: absolute;
top: 0;
border: none;
margin-top: 0.5em; margin-top: 0.5em;
} }
@ -917,6 +915,11 @@ dd.available-chatroom:hover a.room-info {
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
width: 200px; width: 200px;
height: -moz-calc(100% - 38px);
height: -o-calc(100% - 38px);
height: calc(100% - 38px);
overflow-y: auto;
position: relative;
} }
form#converse-login { form#converse-login {
@ -1020,6 +1023,7 @@ div#settings {
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
width: 100%; width: 100%;
height: 100%;
} }
div#chatrooms { div#chatrooms {
@ -1200,7 +1204,7 @@ form#set-custom-xmpp-status {
.chatbox .dropdown dd { position:relative; } .chatbox .dropdown dd { position:relative; }
input.custom-xmpp-status { input.custom-xmpp-status {
width: 138px; width: 124px;
} }
form.add-xmpp-contact { form.add-xmpp-contact {
@ -1241,6 +1245,7 @@ form.add-xmpp-contact input {
.chatbox .dropdown a { .chatbox .dropdown a {
height: 22px; height: 22px;
width: 148px;
display: inline-block; display: inline-block;
line-height: 24px; line-height: 24px;
} }
@ -1272,13 +1277,15 @@ form.add-xmpp-contact input {
.box-flyout { .box-flyout {
position: absolute; position: absolute;
display: block; display: block;
bottom: 0; bottom: 1px;
box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4); box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4);
border-radius: 4px; border-radius: 4px;
} }
.chatbox .box-flyout { .chatbox .box-flyout {
background: white;
width: 200px; width: 200px;
height: 324px;
} }
.chatroom .box-flyout { .chatroom .box-flyout {