feat(searchbar): full height expandable with top safe areas

nolimits4web · nolimits4web · commit 87bcf593b541 · 2023-03-31T10:20:04.000+03:00
diff --git a/src/core/components/searchbar/searchbar.less b/src/core/components/searchbar/searchbar.less
@@ -106,7 +106,11 @@
   background: transparent;
 }
 .navbar .searchbar.searchbar-expandable {
-  --f7-searchbar-expandable-size: var(--f7-navbar-height);
+  --f7-searchbar-expandable-size: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
+  .searchbar-inner {
+    top: var(--f7-safe-area-top);
+    height: calc(100% - var(--f7-safe-area-top));
+  }
 }
 .toolbar .searchbar.searchbar-expandable {
   --f7-searchbar-expandable-size: var(--f7-toolbar-height);

Original file line number	Diff line number	Diff line change
`@@ -106,7 +106,11 @@`
`106`	`106`	`background: transparent;`
`107`	`107`	`}`
`108`	`108`	`.navbar .searchbar.searchbar-expandable {`
`109`		`- --f7-searchbar-expandable-size: var(--f7-navbar-height);`
	`109`	`+ --f7-searchbar-expandable-size: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));`
	`110`	`+ .searchbar-inner {`
	`111`	`+ top: var(--f7-safe-area-top);`
	`112`	`+ height: calc(100% - var(--f7-safe-area-top));`
	`113`	`+ }`
`110`	`114`	`}`
`111`	`115`	`.toolbar .searchbar.searchbar-expandable {`
`112`	`116`	`--f7-searchbar-expandable-size: var(--f7-toolbar-height);`