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

Style the controlbox toggle.

Browse Source
This commit is contained in:
JC Brand 2014-01-22 17:29:14 +02:00
parent ee6c6102fb
commit 7600018ff1
2 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
converse.css
View File

@ -352,18 +352,17 @@ span.spinner.hor_centered {
} }
#toggle-controlbox { #toggle-controlbox {
position: fixed; float: right;
font-size: 70%; font-size: 85%;
bottom: 0;
right: 0;
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-top-left-radius: 4px; border-top-left-radius: 4px;
background: #e3e2e2; background-color: rgba(83, 144, 200, 100);
border: 1px solid #c3c3c3; padding: 4px 8px;
border-bottom: none; margin-right: 5px;
padding: 1px 3px; }
margin-right: 15px;
height: 16px; #toggle-controlbox a {
color: white;
} }
#connecting-to-chat { #connecting-to-chat {

9
mockup.html
View File

@ -63,6 +63,9 @@
</div> </div>
<div id="conversejs"> <div id="conversejs">
<div id="toggle-controlbox">
<a href="#" class="chat toggle-online-users conn-feedback">Toggle Chat</a>
</div>
<div id="controlbox" class="chatbox"> <div id="controlbox" class="chatbox">
<div class="box-flyout"> <div class="box-flyout">
@ -411,12 +414,6 @@
</div> </div>
</div> </div>
</div> </div>
<div id="toggle-controlbox">
<a href="#" class="chat toggle-online-users">
<strong class="conn-feedback">Toggle chat</strong> <strong style="display: none" id="online-count">(0)</strong>
</a>
</div>
</div> </div>
<script> <script>