Bug 40609 - Invisible Button Styling in "hint" Container Until Hovered
Summary: Invisible Button Styling in "hint" Container Until Hovered
Status: Signed Off
Alias: None
Product: Koha
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Main
Hardware: All All
: P5 - low trivial
Assignee: Laura Escamilla
QA Contact: Testopia
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2025-08-06 19:19 UTC by Laura Escamilla
Modified: 2025-08-08 11:28 UTC (History)
3 users (show)

See Also:
GIT URL:
Change sponsored?: ---
Patch complexity: Trivial patch
Documentation contact:
Documentation submission:
Text to go in the release notes:
Version(s) released in:
Circulation function:


Attachments
Bug 40609: Improve button visibility in .hint containers (1.70 KB, patch)
2025-08-06 20:43 UTC, Laura Escamilla
Details | Diff | Splinter Review
Bug 40609: Improve button visibility in Identity providers (2.37 KB, patch)
2025-08-07 13:03 UTC, Laura Escamilla
Details | Diff | Splinter Review
Bug 40609: Improve button visibility in Identity providers (2.43 KB, patch)
2025-08-08 11:27 UTC, Owen Leonard
Details | Diff | Splinter Review

Note You need to log in before you can comment on or make changes to this bug.
Description Laura Escamilla 2025-08-06 19:19:41 UTC
Buttons styled with btn btn-light defaults and placed inside a .hint container are not visually distinguishable as interactive elements. They appear as plain text (black text on white background) with no border, background, or visual indicator of being a button. Only on hover do they become visible due to a grey background change. This leads to poor user experience, as users may not realize these are clickable buttons.
Comment 1 Laura Escamilla 2025-08-06 20:43:04 UTC Comment hidden (obsolete)
Comment 2 Owen Leonard 2025-08-07 12:15:05 UTC
Instead of adding CSS could we change the button class from "btn-light" to "btn-default" ?
Comment 3 Laura Escamilla 2025-08-07 12:40:14 UTC
(In reply to Owen Leonard from comment #2)
> Instead of adding CSS could we change the button class from "btn-light" to
> "btn-default" ?

Yea I can do that.
Comment 4 Laura Escamilla 2025-08-07 13:03:40 UTC Comment hidden (obsolete)
Comment 5 Owen Leonard 2025-08-08 11:27:30 UTC
Created attachment 185269 [details] [review]
Bug 40609: Improve button visibility in Identity providers

To test:
1. Go to Administration > Additional Parameters > Identity providers
2. Click on +New identity provider
3. Notice that the "Add default OAuth configuration" and "Add default
   OAuth mapping" buttons are not too visible. They just look like text
   unless they are hovered on.
4. Apply the patch, restart all
5. Refresh the page and view the buttons again. The button visibility
   has improved.
6. Sign off and have a nice day!

Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Comment 6 Owen Leonard 2025-08-08 11:28:35 UTC
Thanks Laura!