From 1684a63f3ff4ea9afdad3e52762a36fa9de97fbe Mon Sep 17 00:00:00 2001 From: Laura_Escamilla Date: Wed, 6 Aug 2025 20:40:03 +0000 Subject: [PATCH] Bug 40609: Improve button visibility in .hint containers 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, yarn build, restart all and clear the cache in your browser. 5. Refresh the page and view the buttons again. They now have a light grey background / border that makes them easier to identify as buttons. 6. Sign off and have a nice day! --- .../prog/css/src/staff-global.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss index 5777e8211e..ff786a4fe9 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -1465,6 +1465,25 @@ dd { font-size: 95%; } +.hint { + .btn.defaults { + border: 1px solid #ccc; + background-color: #f8f9fa; // Light gray background + color: #333; + padding: 6px 12px; + font-size: 0.95em; + cursor: pointer; + transition: background-color 0.2s ease-in-out; + + &:hover, + &:focus { + background-color: #e2e6ea; + color: #000; + text-decoration: none; + } + } +} + .readonly, input[type="text"]:read-only { background: #EEE url( "../img/locked.png" ) center left no-repeat; -- 2.39.5