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

CSS: fix bookmark indicator color and add title

Browse Source
This commit is contained in:
JC Brand 2020-02-21 15:30:28 +01:00
parent c69a2abc45
commit 2c5cde050e
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
sass/_chatrooms.scss
View File

@ -60,6 +60,10 @@
color: var(--chatroom-head-color);
}
}
.chatbox-title__text--bookmarked {
margin-left: 0.5em;
color: var(--chatroom-head-color);
}
}
.chatbox-title__buttons {

3
src/templates/chatroom_head.js
View File

@ -8,6 +8,7 @@ import xss from "xss/dist/xss";
const u = converse.env.utils;
const i18n_hide_topic = __('Hide the groupchat topic');
const i18n_bookmarked = __('This groupchat is bookmarked');
const tpl_standalone_btns = (o) => o.standalone_btns.reverse().map(b => until(b, ''));
@ -20,7 +21,7 @@ export default (o) => {
<div class="chatbox-title ${ show_subject ? '' : "chatbox-title--no-desc"}">
${ (o._converse.standalone) ? html`<div class="chatbox-navback"><i class="fa fa-arrow-left"></i></div>` : '' }
<div class="chatbox-title__text" title="${ (o._converse.locked_muc_domain !== 'hidden') ? o.jid : '' }">${ o.title }
${ (o.bookmarked) ? html`<i class="fa fa-bookmark"></i>` : '' }
${ (o.bookmarked) ? html`<i class="fa fa-bookmark chatbox-title__text--bookmarked" title="${i18n_bookmarked}"></i>` : '' }
</div>
<div class="chatbox-title__buttons row no-gutters">
${ o.standalone_btns.length ? tpl_standalone_btns(o) : '' }