From 1d3cd5d13fc5f8b0fb473001fd88448d94e43988 Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Sun, 4 Feb 2024 20:47:50 -0500 Subject: [PATCH 1/3] reset dialog styles --- package/index.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/package/index.css b/package/index.css index 688a468..db76e6e 100644 --- a/package/index.css +++ b/package/index.css @@ -16,6 +16,10 @@ tab-size: 2; } +:where(html:has(dialog:modal[open])) { + overflow: clip; +} + @media (prefers-reduced-motion: no-preference) { :where(html:focus-within) { scroll-behavior: smooth; @@ -89,6 +93,16 @@ overflow: visible; } +:where(dialog) { + border: none; + background: none; + inset: unset; +} + +:where(dialog:not([open])) { + display: none !important; +} + :where(:focus-visible) { outline: 3px solid CanvasText; box-shadow: 0 0 0 5px Canvas; From f0d946b3fe93e1f75fdd476882bafc1e9575b8bf Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Fri, 12 Apr 2024 14:29:56 -0400 Subject: [PATCH 2/3] remove max-width/max-height --- package/index.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/package/index.css b/package/index.css index db76e6e..b2b3792 100644 --- a/package/index.css +++ b/package/index.css @@ -97,6 +97,8 @@ border: none; background: none; inset: unset; + max-width: unset; + max-height: unset; } :where(dialog:not([open])) { From 9cf9f8a62b41c417fcb3891dca2095298c188623 Mon Sep 17 00:00:00 2001 From: Mayank <9084735+mayank99@users.noreply.github.com> Date: Fri, 12 Apr 2024 14:39:19 -0400 Subject: [PATCH 3/3] scrollbar-gutter --- package/index.css | 1 + 1 file changed, 1 insertion(+) diff --git a/package/index.css b/package/index.css index b2b3792..ebd0d41 100644 --- a/package/index.css +++ b/package/index.css @@ -14,6 +14,7 @@ -webkit-text-size-adjust: none; color-scheme: dark light; tab-size: 2; + scrollbar-gutter: stable; } :where(html:has(dialog:modal[open])) {