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

Put icon inside link

Browse Source
This commit is contained in:
JC Brand 2013-08-15 20:13:50 +02:00
parent 359dbc68f7
commit 1036fc12d9
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
converse.css
View File

@ -307,6 +307,10 @@ dl.add-converse-contact {
height: 22px; height: 22px;
} }
.fancy-dropdown a.choose-xmpp-status {
width: 155px;
}
.fancy-dropdown a.choose-xmpp-status, .fancy-dropdown a.choose-xmpp-status,
.fancy-dropdown a.toggle-xmpp-contact-form { .fancy-dropdown a.toggle-xmpp-contact-form {
text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
@ -320,9 +324,10 @@ dl.add-converse-contact {
float: left; float: left;
} }
#fancy-xmpp-status-select span { .choose-xmpp-status span {
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
float: left;
} }
#fancy-xmpp-status-select a.change-xmpp-status-message { #fancy-xmpp-status-select a.change-xmpp-status-message {

6
mockup.html
View File

@ -52,9 +52,11 @@
<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">
<span class="icon-online"></span>
<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">I am online</a> <a class="choose-xmpp-status online" data-value="I am online" href="#" title="Click to change your chat status">
<span class="icon-online"></span>
I am online
</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> </dt>