# "Reader Mode" theme component feedback

**URL:** <https://meta.discourse.org/t/reader-mode-theme-component-feedback/304314>\
**Category:** Feature\
**Tags:** feedback, completed, reader-mode\
**Created:** [April 17, 2024, 1:55pm UTC](https://meta.discourse.org/t/reader-mode-theme-component-feedback/304314 "2024-04-17T13:55:07Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [April 17, 2024, 2:14pm UTC](https://meta.discourse.org/t/reader-mode-theme-component-feedback/304314/4 "2024-04-17T14:14:02Z")

</div>

How about `visibility: hidden;`? Or `opacity: 0;`? So it’s still there & included in the layout, but invisible? I guess we’d need something to prevent clicks/focus on it as well? Or maybe we make it visible again on hover/focus? 🧐

> [@jordan.vidrine](#):
>
> animate the sidebar closed
> 
> - im unsure how to do this, as I _think_ its done via JS + Css?

One relatively safe way would be to mimic the user interaction:

```js
if(document.body.classList.contains("has-sidebar-page")){ // Sidebar is visible
  document.querySelector(".btn-sidebar-toggle").click()
}

```

---

_[View the full topic](https://meta.discourse.org/t/reader-mode-theme-component-feedback/304314)._