# Discourse Modal Grip

**URL:** https://meta.discourse.org/t/discourse-modal-grip/305977
**Category:** Theme component
**Tags:** mobile
**Created:** [April 29, 2024, 6:08pm UTC](https://meta.discourse.org/t/discourse-modal-grip/305977 "2024-04-29T18:08:24Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [April 29, 2024, 6:08pm UTC](https://meta.discourse.org/t/discourse-modal-grip/305977/1 "2024-04-29T18:08:24Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Modal Grip |
| 👓 | **Preview** | [Theme Creator](https://discourse.theme-creator.io/theme/Don/modal-grip) |
| 🛠 | **Repository** | [GitHub - VaperinaDEV/discourse-modal-grip · GitHub](https://github.com/VaperinaDEV/discourse-modal-grip) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

Hello 👋

This simple theme component adds a grip to the modal. It shows on mobile touch devices above the modal. It hides the close button and centerize the title. Inspired by [Add grip to mobile modals](https://meta.discourse.org/t/add-grip-to-mobile-modals/300952)

 ![Screenshot_20240429_194556](https://global.discourse-cdn.com/meta/original/4X/d/d/7/dd70b70e9654225f3c6ccbc22b5384ae2744cac0.jpeg)

There are some settings to modify things. 🔽

 ![Screenshot 2024-04-29 at 20.36.30](https://global.discourse-cdn.com/meta/original/4X/2/9/2/2920755997a0b5726fd9899a6dedc896443b5d52.png)

* * *

The grip is only shows up if the keyboard not. When the keyboard is visible then the border radius is 0 and the default modal header comes back with the close button etc… This is because when the keyboard visible then the modal is goes to full height and keeping the grip can cause accidentally slide down the phone notification center instead of closing modal…

There are some adjustment to other modals, like: Table Builder modal, Chat new message modal, Templates modal.

And also hid the grip from the known non dismissable modals.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 29, 2024, 7:25pm UTC](https://meta.discourse.org/t/discourse-modal-grip/305977/2 "2024-04-29T19:25:11Z")

</div>

It’s a small change, but it’s a great UX improvement. Good job. 👍