diff --git a/.changeset/silver-suits-wait.md b/.changeset/silver-suits-wait.md new file mode 100644 index 00000000..5a468426 --- /dev/null +++ b/.changeset/silver-suits-wait.md @@ -0,0 +1,5 @@ +--- +'@ithaka/pharos': patch +--- + +Update the close button in sidenav diff --git a/packages/pharos/src/components/sidenav/pharos-sidenav.scss b/packages/pharos/src/components/sidenav/pharos-sidenav.scss index e5bb6ce8..8246f6ed 100644 --- a/packages/pharos/src/components/sidenav/pharos-sidenav.scss +++ b/packages/pharos/src/components/sidenav/pharos-sidenav.scss @@ -51,7 +51,7 @@ opacity: 0; position: absolute; top: var(--pharos-spacing-one-quarter-x); - right: var(--pharos-spacing-one-quarter-x); + left: var(--pharos-spacing-one-quarter-x); } :host([has-close-button]) { diff --git a/packages/pharos/src/components/sidenav/pharos-sidenav.ts b/packages/pharos/src/components/sidenav/pharos-sidenav.ts index 3d16f233..d7a68e8a 100644 --- a/packages/pharos/src/components/sidenav/pharos-sidenav.ts +++ b/packages/pharos/src/components/sidenav/pharos-sidenav.ts @@ -133,7 +133,7 @@ export class PharosSidenav extends ScopedRegistryMixin(FocusMixin(SideElement)) return this.hasCloseButton ? html`