fix: search input jumps on hover on smaller screens #3124

kamilmysliwiec · kamilmysliwiec · commit 6325fb5c5d01 · 2024-11-25T12:19:47.000+01:00
diff --git a/src/app/homepage/header/header.component.scss b/src/app/homepage/header/header.component.scss
@@ -416,6 +416,10 @@ header {
   @media (min-width: 1200px) and (max-width: 1300px) {
     width: 190px;
   }
+
+  @media (max-width: 680px) {
+    width: 190px;
+  }
 }
 
 .search-input::placeholder {

Original file line number	Diff line number	Diff line change
`@@ -416,6 +416,10 @@ header {`
`416`	`416`	`@media (min-width: 1200px) and (max-width: 1300px) {`
`417`	`417`	`width: 190px;`
`418`	`418`	`}`
	`419`	`+`
	`420`	`+ @media (max-width: 680px) {`
	`421`	`+ width: 190px;`
	`422`	`+ }`
`419`	`423`	`}`
`420`	`424`
`421`	`425`	`.search-input::placeholder {`