Skip to content
This repository was archived by the owner on Nov 19, 2024. It is now read-only.

Commit 88b32df

Browse files
authored
Merge branch 'master' into Live-Search-release-notes-edit
2 parents ef480b0 + c138d4b commit 88b32df

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

src/live-search/storefront-popover.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,14 @@ The popover always displays the product `name` and `price`, and the selection of
3636
background-color: magenta;
3737
}
3838
```
39+
### Container visibility
40+
41+
The parent component of the `.livesearch.popover-container` is `.search-autocomplete`. The `.active` class indicates the visibility of the container. The `.active` class is conditionally added when the popover is open.
42+
43+
```css
44+
.search-autocomplete.active /* visible */
45+
.search-autocomplete /* not visible */
46+
```
3947

4048
For more information about styling storefront elements, refer to [Cascading style sheets (CSS)]({{ page.baseurl }}/guides/v2.4/frontend-dev-guide/css-topics/css-overview.html) in the [Frontend Developers Guide]({{ page.baseurl }}/guides/v2.4/frontend-dev-guide/bk-frontend-dev-guide.html).
4149

0 commit comments

Comments
 (0)