[PR #1486] [MERGED] fix: show overflow notification action buttons hidden on small screens #1616

New issue

Closed

opened 2026-05-07 01:02:55 +02:00 by BreizhHardware · 0 comments

BreizhHardware commented

2026-05-07 01:02:55 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/binwiederhier/ntfy/pull/1486
Author: @songe
Created: 11/14/2025
Status: ✅ Merged
Merged: 11/16/2025
Merged by: @binwiederhier

Base: main ← Head: fix-cropped-card-action

📝 Commits (1)

cef61b2 fix: show overflow notification action buttons hidden on small screens

📊 Changes

1 file changed (+7 additions, -0 deletions)

View changed files

📝 web/src/components/theme.js (+7 -0)

📄 Description

Currently, when you are viewing a notification with multiple actions on a smaller screen (like on mobile), sometimes the actions are cropped from the view, making them inaccessible.

This change fixes overflow notification action buttons being hidden on small screens by setting overflow-x: auto, so that the user can at least scroll left & right to access the additional actions.

https://github.com/user-attachments/assets/d080ebd9-40c2-4f2e-aa74-d6529ab5c0de

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/binwiederhier/ntfy/pull/1486 **Author:** [@songe](https://github.com/songe) **Created:** 11/14/2025 **Status:** ✅ Merged **Merged:** 11/16/2025 **Merged by:** [@binwiederhier](https://github.com/binwiederhier) **Base:** `main` ← **Head:** `fix-cropped-card-action` --- ### 📝 Commits (1) - [`cef61b2`](https://github.com/binwiederhier/ntfy/commit/cef61b2c48123d66cfaa8a5b744bf1bd6952f065) fix: show overflow notification action buttons hidden on small screens ### 📊 Changes **1 file changed** (+7 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `web/src/components/theme.js` (+7 -0) </details> ### 📄 Description Currently, when you are viewing a notification with multiple actions on a smaller screen (like on mobile), sometimes the actions are cropped from the view, making them inaccessible. This change fixes overflow notification action buttons being hidden on small screens by setting `overflow-x: auto`, so that the user can at least scroll left & right to access the additional actions. https://github.com/user-attachments/assets/d080ebd9-40c2-4f2e-aa74-d6529ab5c0de --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>