add styles of counter for input & textarea

Awakich · Awakich · commit 408cb46b148c · 2026-01-22T15:55:57.000+03:00
diff --git a/projects/social_platform/src/app/ui/components/input/input.component.scss b/projects/social_platform/src/app/ui/components/input/input.component.scss
@@ -46,12 +46,13 @@
       }
     }
 
-    &--error, &--overflow {
+    &--error,
+    &--overflow {
       border: 0.5px solid var(--red);
 
       &:focus {
         border-color: var(--red);
-        box-shadow: 0 0 6px rgba(255, 40, 40, 0.308);
+        box-shadow: 0 0 6px rgb(255 40 40 / 30.8%);
       }
     }
 
@@ -147,7 +148,7 @@
   &__counter {
     position: absolute;
     right: 18px;
-    bottom: 0px;
+    bottom: 0;
 
     p {
       color: var(--dark-grey);
diff --git a/projects/social_platform/src/app/ui/components/textarea/textarea.component.scss b/projects/social_platform/src/app/ui/components/textarea/textarea.component.scss
@@ -33,12 +33,13 @@
       padding-right: 130px;
     }
 
-    &--error, &--overflow {
+    &--error,
+    &--overflow {
       border: 0.5px solid var(--red);
 
       &:focus {
         border-color: var(--red) !important;
-        box-shadow: 0 0 6px rgba(255, 40, 40, 0.308) !important;
+        box-shadow: 0 0 6px rgb(255 40 40 / 30.8%) !important;
       }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -33,12 +33,13 @@`
`33`	`33`	`padding-right: 130px;`
`34`	`34`	`}`
`35`	`35`
`36`		`- &--error, &--overflow {`
	`36`	`+ &--error,`
	`37`	`+ &--overflow {`
`37`	`38`	`border: 0.5px solid var(--red);`
`38`	`39`
`39`	`40`	`&:focus {`
`40`	`41`	`border-color: var(--red) !important;`
`41`		`- box-shadow: 0 0 6px rgba(255, 40, 40, 0.308) !important;`
	`42`	`+ box-shadow: 0 0 6px rgb(255 40 40 / 30.8%) !important;`
`42`	`43`	`}`
`43`	`44`	`}`
`44`	`45`