Commit 8f6b1f90 authored by JC Brand's avatar JC Brand

Fix help menu icon colour and let it scroll

parent e6d86341
......@@ -240,8 +240,17 @@
}
.chat-content__help {
converse-chat-help {
border-top: 1px solid var(--chat-head-color);
max-height: 100%;
.close-chat-help {
svg {
fill: var(--chat-head-color);
}
}
converse-chat-help {
height: 100%;
overflow-y: auto;
display: block;
padding: 0.5em 0;
}
......
......@@ -177,12 +177,10 @@
height: 100%;
}
.chat-content__help {
converse-chat-help {
border-top: 1px solid var(--chatroom-head-bg-color);
}
.close-chat-help {
svg {
fill: 1px solid var(--chatroom-head-bg-color) !important;
fill: var(--chatroom-head-bg-color);
}
}
}
......
import './icons.js';
import xss from 'xss/dist/xss';
import { CustomElement } from './element.js';
import { _converse, api } from '@converse/headless/converse-core';
import { api } from '@converse/headless/converse-core';
import { html } from 'lit-element';
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
......@@ -18,13 +18,11 @@ export default class ChatHelp extends CustomElement {
}
render () {
const icon_color = this.chat_type === _converse.CHATROOMS_TYPE ? 'var(--chatroom-head-bg-color)' : 'var(--chat-head-color)';
const isodate = (new Date()).toISOString();
return [
html`<converse-icon class="fas fa-times close-chat-help"
@click=${this.close}
path-prefix="${api.settings.get("assets_path")}"
color="${icon_color}"
size="1em"></converse-icon>`,
...this.messages.map(m => this.renderHelpMessage({
isodate,
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment