From b1892c669e6945f1ab59d9a609d8003b58e1a585 Mon Sep 17 00:00:00 2001 From: Matthew Bernhardt Date: Wed, 25 Mar 2026 14:34:07 -0400 Subject: [PATCH] Update global alert styles per USE changes ** Why are these changes being introduced: Our desired styling for global alerts is changing, taking the lead of the Unified Search project. Particularly with the coming launch of that platform, we want to update how global alerts are rendered across other properties. ** Relevant ticket(s): * https://mitlibraries.atlassian.net/browse/use-445 ** How does this address that need: This updates the rendering of the global alert banner, according to styles developed by the UX group. ** Document any side effects to this change: This is a bespoke addition to the Bento codebase that ideally will be rolled into the theme gem in the future, but that coming change will be much more involved than a handful of styles in the alert area. For now, our best option is to introduce a bespoke override like this. --- app/assets/stylesheets/_bento.scss | 23 ++++++++++++++++++++--- 1 file changed, 20 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/_bento.scss b/app/assets/stylesheets/_bento.scss index 7a43e5ce..a546b8ff 100644 --- a/app/assets/stylesheets/_bento.scss +++ b/app/assets/stylesheets/_bento.scss @@ -24,9 +24,26 @@ margin-bottom: 15%; } -.wrap-notices .title { - font-size: 1.2rem; - line-height: 1.4; +.wrap-notices { + background-color: #007899; + + .title { + color: #e5f9ff; + font-size: 1.7rem; + font-weight: 600; + line-height: 1.4; + + a { + text-underline-offset: 0.5rem; + text-decoration-color: #00c8ff; + color: #fff; + + &:hover, + &:focus { + text-decoration-color: #99E9FF; + } + } + } } .wrap-outer-header-local {