remove outline from modals (#1086)

nielslyngsoe · web-flow · commit fba1558eabd8 · 2025-05-03T11:40:48.000+02:00
diff --git a/packages/uui-modal/lib/uui-modal-dialog.element.ts b/packages/uui-modal/lib/uui-modal-dialog.element.ts
@@ -16,6 +16,7 @@ export class UUIModalDialogElement extends UUIModalElement {
     ...UUIModalElement.styles,
     css`
       :host {
+        outline: none;
         --uui-modal-dialog-background: var(--uui-color-surface);
       }
       dialog {
diff --git a/packages/uui-modal/lib/uui-modal-sidebar.element.ts b/packages/uui-modal/lib/uui-modal-sidebar.element.ts
@@ -60,6 +60,7 @@ export class UUIModalSidebarElement extends UUIModalElement {
     ...UUIModalElement.styles,
     css`
       :host {
+        outline: none;
         --uui-modal-sidebar-left-gap: 24px;
         --uui-modal-sidebar-background: var(--uui-color-surface);
       }

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@ export class UUIModalDialogElement extends UUIModalElement {`
`16`	`16`	`...UUIModalElement.styles,`
`17`	`17`	css`
`18`	`18`	`:host {`
	`19`	`+ outline: none;`
`19`	`20`	`--uui-modal-dialog-background: var(--uui-color-surface);`
`20`	`21`	`}`
`21`	`22`	`dialog {`
Original file line number	Diff line number	Diff line change
`@@ -60,6 +60,7 @@ export class UUIModalSidebarElement extends UUIModalElement {`
`60`	`60`	`...UUIModalElement.styles,`
`61`	`61`	css`
`62`	`62`	`:host {`
	`63`	`+ outline: none;`
`63`	`64`	`--uui-modal-sidebar-left-gap: 24px;`
`64`	`65`	`--uui-modal-sidebar-background: var(--uui-color-surface);`
`65`	`66`	`}`