diff --git a/web/rollup.config.js b/web/rollup.config.js
index e60d4e963..f7fe7192d 100644
--- a/web/rollup.config.js
+++ b/web/rollup.config.js
@@ -20,6 +20,9 @@ const isProdBuild = process.env.NODE_ENV === "production";
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
function manualChunks(id) {
if (id.includes("node_modules")) {
+ if (id.includes("codemirror")) {
+ return "vendor-cm";
+ }
return "vendor";
}
}
diff --git a/web/src/elements/notifications/NotificationDrawer.ts b/web/src/elements/notifications/NotificationDrawer.ts
index e8e301db7..f256b3fe4 100644
--- a/web/src/elements/notifications/NotificationDrawer.ts
+++ b/web/src/elements/notifications/NotificationDrawer.ts
@@ -6,6 +6,8 @@ import { DEFAULT_CONFIG } from "../../api/Config";
import PFBase from "@patternfly/patternfly/patternfly-base.css";
import PFNotificationDrawer from "@patternfly/patternfly/components/NotificationDrawer/notification-drawer.css";
import PFDropdown from "@patternfly/patternfly/components/Dropdown/dropdown.css";
+import AKGlobal from "../../authentik.css";
+import PFContent from "@patternfly/patternfly/components/Content/content.css";
@customElement("ak-notification-drawer")
export class NotificationDrawer extends LitElement {
@@ -17,7 +19,7 @@ export class NotificationDrawer extends LitElement {
unread = 0;
static get styles(): CSSResult[] {
- return [PFBase, PFNotificationDrawer, PFDropdown].concat(
+ return [PFBase, PFNotificationDrawer, PFContent, PFDropdown, AKGlobal].concat(
css`
.pf-c-notification-drawer__header {
height: 114px;
@@ -57,9 +59,9 @@ export class NotificationDrawer extends LitElement {
default:
break;
}
- return html`
+ return html`
+ ${item.event && html`
+
+
+
+ `}