refactor(input): counter styles (#818)

* refactor: input counter styles * fix: checked in by mistake
db-ui · Apr 19, 2024 · 7204b95 · 7204b95
1 parent 50b65c9
commit 7204b95
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 18 deletions.
diff --git a/source/_patterns/01-elements/_form-elements.scss b/source/_patterns/01-elements/_form-elements.scss
@@ -117,10 +117,12 @@
 		float: right;
 	}
 
-	&:not(:has(+ .description)) {
-		position: absolute;
-		// stylelint-disable-next-line property-no-unknown
-		inset-area: block-end span-inline-start;
+	@supports (inset-area: block-end span-inline-start) {
+		&:not(:has(+ .description)) {
+			position: absolute;
+			// stylelint-disable-next-line property-no-unknown
+			inset-area: block-end span-inline-start;
+		}
 	}
 
 	// Description styles

diff --git a/source/_patterns/01-elements/input/input.scss b/source/_patterns/01-elements/input/input.scss
@@ -146,19 +146,19 @@
 		@extend %form-element-validation;
 		@extend %form-element-validation-programmatic;
 		/* stylelint-enable order/order */
+	}
 
-		&:is(
-				[type="email"],
-				[type="password"],
-				[type="search"],
-				[type="tel"],
-				[type="text"],
-				[type="url"]
-			)
-			+ label
-			+ output {
-			@extend %form-element-counter;
-		}
+	&:is(
+			[type="email"],
+			[type="password"],
+			[type="search"],
+			[type="tel"],
+			[type="text"],
+			[type="url"]
+		)
+		+ label
+		+ output {
+		@extend %form-element-counter;
 	}
 
 	&[type="search"] {

diff --git a/source/_patterns/01-elements/textarea/textarea.scss b/source/_patterns/01-elements/textarea/textarea.scss
@@ -63,8 +63,6 @@
 
 	& + output {
 		@extend %form-element-counter;
-
-		float: right;
 	}
 
 	// ### Style variations