Fix notification button overflow on tablets and bump version to 2.2.0

- Fix notification button text overflow on tablet devices
- Add tablet-specific media queries for button sizing and layout
- Shorten button text from "Enable Notifications" to "Enable Alerts"
- Add responsive button constraints with min/max width and text overflow handling
- Stack queue action buttons vertically on tablets for better fit
- Bump plugin version from 2.1.0 to 2.2.0 to include all recent enhancements

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-08-15 17:12:33 -07:00
parent d050f1538b
commit 7398f97f24
3 changed files with 32 additions and 5 deletions

View File

@@ -1193,7 +1193,7 @@
const $notificationBtn = $('<button>')
.attr('id', 'twp-enable-notifications')
.addClass('twp-btn twp-btn-info')
.html('🔔 Enable Notifications')
.html('🔔 Enable Alerts')
.on('click', requestNotificationPermission);
$('#twp-queue-global-actions .global-queue-actions').append($notificationBtn);