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

Some refinements around chatroom css and dragresize

Browse Source
This commit is contained in:
JC Brand 2014-01-22 15:34:26 +02:00
parent ea62e2f3e0
commit 46838fb2f9
2 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
converse.css
View File

@ -390,7 +390,9 @@ span.spinner.hor_centered {
} }
.chatroom .chat-body { .chatroom .chat-body {
height: 274px; height: -moz-calc(100% - 38px);
height: -o-calc(100% - 38px);
height: calc(100% - 38px);
background-color: white; background-color: white;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
@ -409,7 +411,7 @@ span.spinner.hor_centered {
.chatroom .participants { .chatroom .participants {
float: left; float: left;
height: 274px; height: 100%;
background-color: white; background-color: white;
overflow: auto; overflow: auto;
border-left: 1px solid #AAA; border-left: 1px solid #AAA;
@ -510,11 +512,6 @@ li.chat-info {
padding-top: 10px; padding-top: 10px;
} }
div#chatrooms,
div#login-dialog {
height: 274px;
}
p.not-implemented { p.not-implemented {
margin-top: 3em; margin-top: 3em;
margin-left: 0.3em; margin-left: 0.3em;
@ -693,9 +690,8 @@ a.close-chatbox-button:active {
} }
.chatroom-form-container { .chatroom-form-container {
height: 100%;
color: #666; color: #666;
padding: 5px;
height: 262px;
overflow-y: auto; overflow-y: auto;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
@ -1266,12 +1262,12 @@ form.add-xmpp-contact input {
bottom: 1px; 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;
height: 324px;
} }
.chatbox .box-flyout { .chatbox .box-flyout {
background: white; background: white;
width: 200px; width: 200px;
height: 324px;
} }
.chatroom .box-flyout { .chatroom .box-flyout {

1
mockup.html
View File

@ -403,6 +403,7 @@
<div class="chat-body"> <div class="chat-body">
<div class="chatroom-form-container"> <div class="chatroom-form-container">
<form class="chatroom-form"> <form class="chatroom-form">
<!-- TODO: Make this a long form that scrolls -->
<legend>This chatroom requires a password</legend> <legend>This chatroom requires a password</legend>
<label>Password: <input type="password" name="password"></label> <label>Password: <input type="password" name="password"></label>
</form> </form>