matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixing ShadowDOM situation with CSS

Browse Source
This commit is contained in:
Mehdi Benadel
2024-05-23 15:52:12 +02:00
parent de974eae22
commit fb3a5d26aa
8 changed files with 221 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/common/configuration/elements/channel-home.ts
View File

@ -7,10 +7,9 @@ import { Task } from '@lit/task';
import type { ChannelLiveChatInfos } from 'shared/lib/types'
import { ChannelDetailsService } from '../services/channel-details'
import { provide } from '@lit/context'
import { getGlobalStyleSheets } from '../../global-styles'
import { channelDetailsServiceContext, registerClientOptionsContext } from '../contexts/channel'
@customElement('channel-home')
@customElement('livechat-channel-home')
export class ChannelHomeElement extends LitElement {
@provide({ context: registerClientOptionsContext })
@ -23,9 +22,9 @@ export class ChannelHomeElement extends LitElement {
@provide({ context: channelDetailsServiceContext })
private _channelDetailsService: ChannelDetailsService | undefined
static styles = [
...getGlobalStyleSheets()
];
protected createRenderRoot = (): HTMLElement | DocumentFragment => {
return this
}
@state()
public _formStatus: boolean | any = undefined
@ -55,8 +54,8 @@ export class ChannelHomeElement extends LitElement {
<div class="margin-content peertube-plugin-livechat-configuration peertube-plugin-livechat-configuration-home">
<h1>
${ptTr(LOC_LIVECHAT_CONFIGURATION_TITLE)}
<help-button .page="documentation/user/streamers/channel">
</help-button>
<livechat-help-button .page="documentation/user/streamers/channel">
</livechat-help-button>
</h1>
<p>${ptTr(LOC_LIVECHAT_CONFIGURATION_DESC)}</p>
<p>${ptTr(LOC_LIVECHAT_CONFIGURATION_PLEASE_SELECT)}</p>