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

Add initial markup for inviting someone to a room. updates #215

Browse Source
This commit is contained in:
JC Brand 2014-08-26 19:41:47 +02:00
parent b039b1d80d
commit 28827428e7
3 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/converse.css
View File

@ -571,6 +571,18 @@ span.spinner.hor_centered {
border-bottom-right-radius: 4px;
height: 100%;
}
#conversejs .chatroom div.participants label {
font-style: italic;
}
#conversejs .chatroom label {
margin-left: 2px;
font-size: 12px;
}
#conversejs .chatroom #invited-contact {
margin: 1px;
margin-top: 2px;
width: 92px;
}
#conversejs .participants ul.participant-list li {
overflow: hidden;
text-overflow: ellipsis;

15
less/converse.less
View File

@ -614,6 +614,21 @@ span.spinner.hor_centered {
height: 100%;
}
#conversejs .chatroom div.participants label {
font-style: italic;
}
#conversejs .chatroom label {
margin-left:2px;
font-size: 12px;
}
#conversejs .chatroom #invited-contact {
margin: 1px;
margin-top: 2px;
width: 92px;
}
#conversejs .participants ul.participant-list li {
overflow: hidden;
text-overflow: ellipsis;

4
mockup/index.html
View File

@ -401,6 +401,10 @@
</form>
</div>
<div class="participants">
<form class="room-invite">
<input id="invited-contact" placeholder="Invite someone" type="text"/>
</form>
<label>Participants:</label>
<ul class="participant-list">
<li class="participant" title="This user can send messages in this room">Obi-wan Kenobi, Jedi Master</li>
<li class="participant" title="This user can send messages in this room">jabber the hut</li>