button text resizes on hover when window 750px or less on Calendar module #5303

Open
opened 2026-02-20 16:32:38 -05:00 by deekerman · 0 comments
Owner

Originally created by @kale1d0code on GitHub (Feb 13, 2025).

Issue

When viewing the Calendar module with a window sized to 750px wide or less,
the top buttons for changing the calendar period resize on hover and can cause browser reflows which flash rapidly between the buttons being on 2 rows or all on 1 row

Possible Fix

CSS rules

Steps to Reproduce the Issue

1. View Calendar module
2. resize window to 750px or less
3. hover over Top action buttons
...

Context

Issue could cause headaches

Version

7.14.6

What browser are you currently using?

Chrome

Browser Version

Version 131.0.6778.85 (Official Build) (64-bit)

Environment Information

MariaDB 10.9.4, PHP 8.1.30

Operating System and Version

Debian GNU/Linux 12 (bookworm)

Originally created by @kale1d0code on GitHub (Feb 13, 2025). ### Issue When viewing the Calendar module with a window sized to 750px wide or less, the top buttons for changing the calendar period resize on hover and can cause browser reflows which flash rapidly between the buttons being on 2 rows or all on 1 row ### Possible Fix CSS rules ### Steps to Reproduce the Issue ```bash 1. View Calendar module 2. resize window to 750px or less 3. hover over Top action buttons ... ``` ### Context Issue could cause headaches ### Version 7.14.6 ### What browser are you currently using? Chrome ### Browser Version Version 131.0.6778.85 (Official Build) (64-bit) ### Environment Information MariaDB 10.9.4, PHP 8.1.30 ### Operating System and Version Debian GNU/Linux 12 (bookworm)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/SuiteCRM-SuiteCRM#5303
No description provided.