Remove the #controlbox-panes element. Not needed.
This commit is contained in:
JC Brand
parent
3eaeed4ce9
commit
ea62e2f3e0
24
converse.css
24
converse.css
@ -904,24 +904,6 @@ dd.available-chatroom:hover a.room-info {
|
|||||||
background-color: #DCEAC5;
|
background-color: #DCEAC5;
|
||||||
}
|
}
|
||||||
|
|
||||||
#conversejs div.controlbox-panes {
|
|
||||||
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
|
|
||||||
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
|
|
||||||
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
|
|
||||||
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
|
|
||||||
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
|
|
||||||
background-color: white;
|
|
||||||
border-bottom-left-radius: 4px;
|
|
||||||
border-bottom-right-radius: 4px;
|
|
||||||
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 {
|
||||||
background: white;
|
background: white;
|
||||||
padding: 2em 0 0.3em 0.5em;
|
padding: 2em 0 0.3em 0.5em;
|
||||||
@ -1023,7 +1005,11 @@ 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%;
|
height: -moz-calc(100% - 38px);
|
||||||
|
height: -o-calc(100% - 38px);
|
||||||
|
height: calc(100% - 38px);
|
||||||
|
overflow-y: auto;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#chatrooms {
|
div#chatrooms {
|
||||||
|
|||||||
216
mockup.html
216
mockup.html
@ -74,14 +74,12 @@
|
|||||||
<a class="close-chatbox-button icon-close"></a>
|
<a class="close-chatbox-button icon-close"></a>
|
||||||
<a class="minimize-chatbox-button icon-minus"></a>
|
<a class="minimize-chatbox-button icon-minus"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="controlbox-panes">
|
<div id="login-dialog">
|
||||||
<div id="login-dialog">
|
<form id="converse-login">
|
||||||
<form id="converse-login">
|
<label>XMPP/Jabber Username:</label><input type="text" id="jid">
|
||||||
<label>XMPP/Jabber Username:</label><input type="text" id="jid">
|
<label>Password:</label><input type="password" id="password">
|
||||||
<label>Password:</label><input type="password" id="password">
|
<input class="login-submit" type="submit" value="Log In">
|
||||||
<input class="login-submit" type="submit" value="Log In">
|
</form>
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -97,115 +95,114 @@
|
|||||||
<a class="close-chatbox-button icon-close"></a>
|
<a class="close-chatbox-button icon-close"></a>
|
||||||
<a class="minimize-chatbox-button icon-minus"></a>
|
<a class="minimize-chatbox-button icon-minus"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="controlbox-panes">
|
<div id="users" class="oc-chat-content" style="display: block;">
|
||||||
<div id="users" class="oc-chat-content" style="display: block;">
|
<form class="set-xmpp-status" action="" method="post">
|
||||||
<form class="set-xmpp-status" action="" method="post">
|
<span id="xmpp-status-holder">
|
||||||
<span id="xmpp-status-holder">
|
<dl id="target" class="dropdown">
|
||||||
<dl id="target" class="dropdown">
|
<dt id="fancy-xmpp-status-select" class="fancy-dropdown">
|
||||||
<dt id="fancy-xmpp-status-select" class="fancy-dropdown">
|
<div class="xmpp-status">
|
||||||
<div class="xmpp-status">
|
<a class="choose-xmpp-status online" data-value="I am online" href="#" title="Click to change your chat status">
|
||||||
<a class="choose-xmpp-status online" data-value="I am online" href="#" title="Click to change your chat status">
|
<span class="icon-online"></span>
|
||||||
<span class="icon-online"></span>
|
I am online
|
||||||
I am online
|
</a>
|
||||||
</a>
|
<a class="change-xmpp-status-message icon-pencil" href="#" title="Click here to write a custom status message"></a>
|
||||||
<a class="change-xmpp-status-message icon-pencil" href="#" title="Click here to write a custom status message"></a>
|
</div>
|
||||||
</div>
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<ul style="display: none;" class="xmpp-status-menu">
|
|
||||||
<li>
|
|
||||||
<a href="#" class="online" data-value="online">
|
|
||||||
<span class="icon-online"></span>
|
|
||||||
Online</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="dnd" data-value="dnd">
|
|
||||||
<span class="icon-dnd"></span>
|
|
||||||
Busy</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="away" data-value="away">
|
|
||||||
<span class="icon-away"></span>
|
|
||||||
Away</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="offline" data-value="offline">
|
|
||||||
<span class="icon-offline"></span>
|
|
||||||
Offline</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</span>
|
|
||||||
</form>
|
|
||||||
<dl class="add-converse-contact dropdown">
|
|
||||||
<dt id="xmpp-contact-search" class="fancy-dropdown">
|
|
||||||
<a class="toggle-xmpp-contact-form" href="#" title="Click to add new chat contacts">
|
|
||||||
<span class="icon-plus"></span>
|
|
||||||
Add a contact
|
|
||||||
</a>
|
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="search-xmpp" style="display:none">
|
<dd>
|
||||||
<ul>
|
<ul style="display: none;" class="xmpp-status-menu">
|
||||||
<li>
|
<li>
|
||||||
<form class="add-xmpp-contact">
|
<a href="#" class="online" data-value="online">
|
||||||
<input type="text" name="identifier" class="username" placeholder="Contact username">
|
<span class="icon-online"></span>
|
||||||
<button type="submit">Add</button>
|
Online</a>
|
||||||
</form>
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="dnd" data-value="dnd">
|
||||||
|
<span class="icon-dnd"></span>
|
||||||
|
Busy</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="away" data-value="away">
|
||||||
|
<span class="icon-away"></span>
|
||||||
|
Away</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="offline" data-value="offline">
|
||||||
|
<span class="icon-offline"></span>
|
||||||
|
Offline</a>
|
||||||
</li>
|
</li>
|
||||||
<li></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl id="converse-roster" style="display: block;">
|
</span>
|
||||||
<dt id="xmpp-contacts" style="display: block;">My contacts</dt>
|
</form>
|
||||||
<dd class="online current-xmpp-contact">
|
<dl class="add-converse-contact dropdown">
|
||||||
<a class="open-chat" title="Click to chat with this contact" href="#">
|
<dt id="xmpp-contact-search" class="fancy-dropdown">
|
||||||
<span class="icon-online" title="This contact is online"></span>
|
<a class="toggle-xmpp-contact-form" href="#" title="Click to add new chat contacts">
|
||||||
John Smit</a>
|
<span class="icon-plus"></span>
|
||||||
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
Add a contact
|
||||||
</dd>
|
</a>
|
||||||
<dd class="away current-xmpp-contact">
|
</dt>
|
||||||
<a class="open-chat" title="Click to chat with this contact" href="#">
|
<dd class="search-xmpp" style="display:none">
|
||||||
<span class="icon-away" title="this contact is away"></span>
|
<ul>
|
||||||
Francois Pienaar</a>
|
<li>
|
||||||
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
<form class="add-xmpp-contact">
|
||||||
</dd>
|
<input type="text" name="identifier" class="username" placeholder="Contact username">
|
||||||
<dd class="dnd current-xmpp-contact">
|
<button type="submit">Add</button>
|
||||||
<a class="open-chat" title="Click to chat with this contact" href="#">
|
</form>
|
||||||
<span class="icon-dnd" title="This contact is busy"></span>
|
</li>
|
||||||
Gary Teichmann</a>
|
<li></li>
|
||||||
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
</ul>
|
||||||
</dd>
|
</dd>
|
||||||
<dd class="offline current-xmpp-contact">
|
</dl>
|
||||||
<a class="open-chat" title="Click to chat with this contact" href="#">
|
<dl id="converse-roster" style="display: block;">
|
||||||
<span class="icon-offline" title="This contact is offline"></span>
|
<dt id="xmpp-contacts" style="display: block;">My contacts</dt>
|
||||||
Corné Krige</a>
|
<dd class="online current-xmpp-contact">
|
||||||
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
<a class="open-chat" title="Click to chat with this contact" href="#">
|
||||||
</dd>
|
<span class="icon-online" title="This contact is online"></span>
|
||||||
|
John Smit</a>
|
||||||
|
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
||||||
|
</dd>
|
||||||
|
<dd class="away current-xmpp-contact">
|
||||||
|
<a class="open-chat" title="Click to chat with this contact" href="#">
|
||||||
|
<span class="icon-away" title="this contact is away"></span>
|
||||||
|
Francois Pienaar</a>
|
||||||
|
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
||||||
|
</dd>
|
||||||
|
<dd class="dnd current-xmpp-contact">
|
||||||
|
<a class="open-chat" title="Click to chat with this contact" href="#">
|
||||||
|
<span class="icon-dnd" title="This contact is busy"></span>
|
||||||
|
Gary Teichmann</a>
|
||||||
|
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
||||||
|
</dd>
|
||||||
|
<dd class="offline current-xmpp-contact">
|
||||||
|
<a class="open-chat" title="Click to chat with this contact" href="#">
|
||||||
|
<span class="icon-offline" title="This contact is offline"></span>
|
||||||
|
Corné Krige</a>
|
||||||
|
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
||||||
|
</dd>
|
||||||
|
|
||||||
<dt id="xmpp-contact-requests" style="display: block;">Contact requests</dt>
|
<dt id="xmpp-contact-requests" style="display: block;">Contact requests</dt>
|
||||||
<dd class="offline requesting-xmpp-contact">
|
<dd class="offline requesting-xmpp-contact">
|
||||||
<div>Bob Skinstad</div>
|
<div>Bob Skinstad</div>
|
||||||
<button type="button" class="accept-xmpp-request">Accept</button>
|
<button type="button" class="accept-xmpp-request">Accept</button>
|
||||||
<button type="button" class="decline-xmpp-request">Decline</button>
|
<button type="button" class="decline-xmpp-request">Decline</button>
|
||||||
</dd>
|
</dd>
|
||||||
<dd class="offline requesting-xmpp-contact">
|
<dd class="offline requesting-xmpp-contact">
|
||||||
<div>André Vos</div>
|
<div>André Vos</div>
|
||||||
<button type="button" class="accept-xmpp-request">Accept</button>
|
<button type="button" class="accept-xmpp-request">Accept</button>
|
||||||
<button type="button" class="decline-xmpp-request">Decline</button>
|
<button type="button" class="decline-xmpp-request">Decline</button>
|
||||||
</dd>
|
</dd>
|
||||||
|
|
||||||
<dt id="pending-xmpp-contacts" style="display: block;">Pending contacts</dt>
|
<dt id="pending-xmpp-contacts" style="display: block;">Pending contacts</dt>
|
||||||
<dd class="offline pending-xmpp-contact"><span>Rassie Erasmus</span>
|
<dd class="offline pending-xmpp-contact"><span>Rassie Erasmus</span>
|
||||||
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
||||||
</dd>
|
</dd>
|
||||||
<dd class="offline pending-xmpp-contact"><span>Victor Matfield</span>
|
<dd class="offline pending-xmpp-contact"><span>Victor Matfield</span>
|
||||||
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
<a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
<div id="chatrooms" style="display: none;">
|
<div id="chatrooms" style="display: none;">
|
||||||
<form class="add-chatroom" action="" method="post">
|
<form class="add-chatroom" action="" method="post">
|
||||||
<input type="text" name="chatroom" class="new-chatroom-name" placeholder="Room name">
|
<input type="text" name="chatroom" class="new-chatroom-name" placeholder="Room name">
|
||||||
<input type="text" name="nick" class="new-chatroom-nick" placeholder="Nickname">
|
<input type="text" name="nick" class="new-chatroom-nick" placeholder="Nickname">
|
||||||
@ -236,7 +233,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user