Files
tubestation/browser/components/sidebar/sidebar-page.mjs
Nikki Sharpley a441acbbaa Bug 1886847 - Styling and UI polish for sidebar r=sidebar-reviewers,desktop-theme-reviewers,fxview-reviewers,reusable-components-reviewers,dao,settings-reviewers,tgiles,mconley,jsudiaman,kcochrane
- styled synced tabs and history
- styled sidebar search
- styled customize settings
- added sidebar right icon to customize input

Differential Revision: https://phabricator.services.mozilla.com/D216748
2024-08-02 19:10:14 +00:00

56 lines
1.6 KiB
JavaScript

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
import { MozLitElement } from "chrome://global/content/lit-utils.mjs";
import { html } from "chrome://global/content/vendor/lit.all.mjs";
// eslint-disable-next-line import/no-unassigned-import
import "chrome://browser/content/sidebar/sidebar-panel-header.mjs";
const { LightweightThemeConsumer } = ChromeUtils.importESModule(
"resource://gre/modules/LightweightThemeConsumer.sys.mjs"
);
export class SidebarPage extends MozLitElement {
constructor() {
super();
this.clearDocument = this.clearDocument.bind(this);
}
connectedCallback() {
super.connectedCallback();
this.ownerGlobal.addEventListener("beforeunload", this.clearDocument);
this.ownerGlobal.addEventListener("unload", this.clearDocument);
new LightweightThemeConsumer(document);
}
disconnectedCallback() {
super.disconnectedCallback();
this.ownerGlobal.removeEventListener("beforeunload", this.clearDocument);
this.ownerGlobal.removeEventListener("unload", this.clearDocument);
}
/**
* Clear out the document so the disconnectedCallback() will trigger properly
* and all of the custom elements can cleanup.
*/
clearDocument() {
this.ownerGlobal.document.body.textContent = "";
}
/**
* The common stylesheet for all sidebar pages.
*
* @returns {TemplateResult}
*/
stylesheet() {
return html`
<link
rel="stylesheet"
href="chrome://browser/content/sidebar/sidebar.css"
/>
`;
}
}