Skip to content

Commit

Permalink
feat(searchbar): full height expandable with top safe areas
Browse files Browse the repository at this point in the history
  • Loading branch information
nolimits4web committed Mar 31, 2023
1 parent 4419887 commit 87bcf59
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion src/core/components/searchbar/searchbar.less
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down

0 comments on commit 87bcf59

Please sign in to comment.