From fc3688df976a289ebd7eb280bb40ab0e0a772f0e Mon Sep 17 00:00:00 2001 From: lindsaym-fa Date: Thu, 19 Dec 2024 17:55:57 -0500 Subject: [PATCH 1/3] Fix closable tab example (#363) --- docs/docs/components/tab-group.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/components/tab-group.md b/docs/docs/components/tab-group.md index 95cc5f0ec..3bb3de4fc 100644 --- a/docs/docs/components/tab-group.md +++ b/docs/docs/components/tab-group.md @@ -100,7 +100,7 @@ You can make a tab closable by adding a close button next to the tab and inside General Closable - + Advanced This is the general tab panel. From 1905ca9b77f7498e2bd594059810b953161be1f2 Mon Sep 17 00:00:00 2001 From: lindsaym-fa Date: Thu, 19 Dec 2024 18:54:12 -0500 Subject: [PATCH 2/3] Capitalize "Style Utilities" --- docs/_includes/sidebar.njk | 2 +- docs/docs/utilities/index.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/_includes/sidebar.njk b/docs/_includes/sidebar.njk index 5f4788c80..1cd848d4b 100644 --- a/docs/_includes/sidebar.njk +++ b/docs/_includes/sidebar.njk @@ -69,7 +69,7 @@

- Style utilities + Style Utilities

diff --git a/docs/docs/utilities/index.md b/docs/docs/utilities/index.md index dcc2f2c62..93fab9c9c 100644 --- a/docs/docs/utilities/index.md +++ b/docs/docs/utilities/index.md @@ -1,5 +1,5 @@ --- -title: Style utilities +title: Style Utilities description: Web Awesome provides a few style utilities to customize styles in ways that cannot necessarily be described by semantic HTML. Some of these correspond to component attributes, but we also expose utility classes so you can apply these styles to native elements too. layout: page-outline From 835326a2dbca14d981ca2aaa8abbc9da167fcf7a Mon Sep 17 00:00:00 2001 From: Konnor Rogers Date: Thu, 19 Dec 2024 19:13:08 -0500 Subject: [PATCH 3/3] fix delayed button loading (#369) * fix delayed button loading * fix delayed button loading --- src/styles/applied.css | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/src/styles/applied.css b/src/styles/applied.css index 1049f4e63..4a7485c88 100644 --- a/src/styles/applied.css +++ b/src/styles/applied.css @@ -62,15 +62,12 @@ body { /* Show custom elements only after they're registered */ :where(:not(:defined, [did-ssr])) { - &, - & * { - /* - * if an element gets defined earlier than 800ms, the animation stops applying so it just appears (no fade) - * If it takes somewhere between 800 and 1000 ms, then you may get an interrupted fade - * If an element takes longer than 1000ms to get defined, it fades in over 200ms - */ - animation: 200ms 800ms wa-fade-in both; - } + /* + * if an element gets defined earlier than 800ms, the animation stops applying so it just appears (no fade) + * If it takes somewhere between 800 and 1000 ms, then you may get an interrupted fade + * If an element takes longer than 1000ms to get defined, it fades in over 200ms + */ + animation: 200ms 800ms wa-fade-in both; } /* Content flow */