Merged in task/dspace-cris-2023_02_x/DSC-1759 (pull request DSpace#1792)

alisaismailati · FrancescoMolinaro · commit 53605355b598 · 2024-06-10T10:12:40.000Z
[DSC-1759] navbar-search in mobile screen fix

Approved-by: Francesco Molinaro
diff --git a/src/app/search-navbar/search-navbar.component.scss b/src/app/search-navbar/search-navbar.component.scss
@@ -21,15 +21,9 @@ input[type="text"] {
 }
 
 @media screen and (max-width: map-get($grid-breakpoints, md)) {
-  .query:focus {
+  .search-input {
     max-width: 250px !important;
     width: 40vw !important;
   }
 
 }
-
-@media screen and (max-width: map-get($grid-breakpoints, sm)) {
-  .search-input {
-    width: 55vw !important;
-  }
-}

Original file line number	Diff line number	Diff line change
`@@ -21,15 +21,9 @@ input[type="text"] {`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`@media screen and (max-width: map-get($grid-breakpoints, md)) {`
`24`		`- .query:focus {`
	`24`	`+ .search-input {`
`25`	`25`	`max-width: 250px !important;`
`26`	`26`	`width: 40vw !important;`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`}`
`30`		`-`
`31`		`-@media screen and (max-width: map-get($grid-breakpoints, sm)) {`
`32`		`- .search-input {`
`33`		`- width: 55vw !important;`
`34`		`- }`
`35`		`-}`