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

Keep the features section near the bottom.

Browse Source
This commit is contained in:
JC Brand 2017-02-20 14:34:13 +00:00
parent 4e0cb8d354
commit 62889089a6
3 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/converse.css
View File

@ -2328,6 +2328,13 @@
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
padding: 0.3em 0;
font-weight: bold; }
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
position: absolute;
bottom: 0.5em;
width: 25%;
width: -webkit-calc(30% - 1em);
width: calc(30% - 1em); }
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul {
padding: 0.3em 0;

6
sass/_chatrooms.scss
View File

@ -104,6 +104,12 @@
padding: 0.3em 0;
font-weight: bold;
}
.chatroom-features {
position: absolute;
bottom: 0.5em;
width: 25%;
@include calc(width, '30% - 1em');
}
ul {
padding: 0.3em 0;
overflow-x: hidden;

2
src/templates/chatroom_sidebar.html
View File

@ -9,6 +9,8 @@
</form>
<ul class="occupant-list"></ul>
<div class="chatroom-features">
<p class="occupants-heading">{{{label_features}}}</p>
<ul class="features-list"></ul>
</div>
<!-- </div> -->