web: a little css magic to hide the sidebar button in user mode.

This commit is contained in:
Ken Sternberg
2024-07-08 08:50:03 -07:00
parent 910b430d25
commit dcaa41716b
2 changed files with 14 additions and 2 deletions

View File

@ -141,6 +141,7 @@ export class PageHeader extends WithBrandConfig(AKElement) {
return html` <ak-enterprise-status interface="admin"></ak-enterprise-status>
<div class="bar">
<button
part="sidebar-trigger"
class="sidebar-trigger pf-c-button pf-m-plain"
@click=${() => {
this.dispatchEvent(

View File

@ -5,7 +5,7 @@ import { TableColumn } from "@goauthentik/elements/table/Table";
import { TablePage } from "@goauthentik/elements/table/TablePage";
import { msg } from "@lit/localize";
import { CSSResult, TemplateResult, html } from "lit";
import { CSSResult, TemplateResult, css, html } from "lit";
import { customElement, property, state } from "lit/decorators.js";
import PFAlert from "@patternfly/patternfly/components/Alert/alert.css";
@ -54,7 +54,18 @@ export class UserDirectoryPage extends TablePage<UserDirectory> {
userFieldAttributes?: object[] = [];
static get styles(): CSSResult[] {
return [...super.styles, PFDescriptionList, PFCard, PFAlert, PFAvatar];
return [
...super.styles,
PFDescriptionList,
PFCard,
PFAlert,
PFAvatar,
css`
ak-page-header::part(sidebar-trigger) {
display: none;
}
`,
];
}
async apiEndpoint(): Promise<PaginatedResponse<UserDirectory>> {