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

Commit 49516bf

Browse files
committed
Added visibility to popover
Added container visibility component to popover
1 parent daa981a commit 49516bf

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

src/live-search/storefront-popover.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,16 @@ 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 controls the visibility of the container.
42+
43+
Examples:
44+
45+
```css
46+
.search-autocomplete.active /* visible */
47+
.search-autocomplete /* not visible */
48+
```
3949

4050
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).
4151

0 commit comments

Comments
 (0)