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 @@ ...@@ -240,8 +240,17 @@
} }
.chat-content__help { .chat-content__help {
converse-chat-help {
border-top: 1px solid var(--chat-head-color); 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; display: block;
padding: 0.5em 0; padding: 0.5em 0;
} }
......
...@@ -177,12 +177,10 @@ ...@@ -177,12 +177,10 @@
height: 100%; height: 100%;
} }
.chat-content__help { .chat-content__help {
converse-chat-help {
border-top: 1px solid var(--chatroom-head-bg-color); border-top: 1px solid var(--chatroom-head-bg-color);
}
.close-chat-help { .close-chat-help {
svg { svg {
fill: 1px solid var(--chatroom-head-bg-color) !important; fill: var(--chatroom-head-bg-color);
} }
} }
} }
......
import './icons.js'; import './icons.js';
import xss from 'xss/dist/xss'; import xss from 'xss/dist/xss';
import { CustomElement } from './element.js'; 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 { html } from 'lit-element';
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js'; import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
...@@ -18,13 +18,11 @@ export default class ChatHelp extends CustomElement { ...@@ -18,13 +18,11 @@ export default class ChatHelp extends CustomElement {
} }
render () { render () {
const icon_color = this.chat_type === _converse.CHATROOMS_TYPE ? 'var(--chatroom-head-bg-color)' : 'var(--chat-head-color)';
const isodate = (new Date()).toISOString(); const isodate = (new Date()).toISOString();
return [ return [
html`<converse-icon class="fas fa-times close-chat-help" html`<converse-icon class="fas fa-times close-chat-help"
@click=${this.close} @click=${this.close}
path-prefix="${api.settings.get("assets_path")}" path-prefix="${api.settings.get("assets_path")}"
color="${icon_color}"
size="1em"></converse-icon>`, size="1em"></converse-icon>`,
...this.messages.map(m => this.renderHelpMessage({ ...this.messages.map(m => this.renderHelpMessage({
isodate, 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