Fix btn--loading

lazaronixon · lazaronixon · commit 627de3e1abfd · 2025-02-06T03:40:09.000-03:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,5 @@
 ## [Unreleased]
+- Fix btn--loading
 
 ## [1.0.5] - 2025-02-01
 - Increase gap for header items
diff --git a/lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css b/lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css
@@ -83,10 +83,10 @@
 }
 
 [aria-busy] .btn--loading:disabled {
-  > * { visibility: hidden; }
+  position: relative;
 
-  &::after {
-    filter: var(--btn-icon-color, var(--color-filter-text));
+  > * {
+    visibility: hidden;
   }
 
   &::after {
@@ -95,6 +95,7 @@
     background-size: cover;
     block-size: var(--size-5);
     content: "";
+    filter: var(--btn-icon-color, var(--color-filter-text));
     inline-size: var(--size-5);
     position: absolute;
   }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`## [Unreleased]`
	`2`	`+- Fix btn--loading`
`2`	`3`
`3`	`4`	`## [1.0.5] - 2025-02-01`
`4`	`5`	`- Increase gap for header items`
Original file line number	Diff line number	Diff line change
`@@ -83,10 +83,10 @@`
`83`	`83`	`}`
`84`	`84`
`85`	`85`	`[aria-busy] .btn--loading:disabled {`
`86`		`- > * { visibility: hidden; }`
	`86`	`+ position: relative;`
`87`	`87`
`88`		`- &::after {`
`89`		`- filter: var(--btn-icon-color, var(--color-filter-text));`
	`88`	`+ > * {`
	`89`	`+ visibility: hidden;`
`90`	`90`	`}`
`91`	`91`
`92`	`92`	`&::after {`
`@@ -95,6 +95,7 @@`
`95`	`95`	`background-size: cover;`
`96`	`96`	`block-size: var(--size-5);`
`97`	`97`	`content: "";`
	`98`	`+ filter: var(--btn-icon-color, var(--color-filter-text));`
`98`	`99`	`inline-size: var(--size-5);`
`99`	`100`	`position: absolute;`
`100`	`101`	`}`