Skip to content

Comments

Improve color scheme and responsiveness of status message banner#395

Merged
omkar-ethz merged 1 commit intodevelopfrom
status-banner-rebased
Jul 2, 2025
Merged

Improve color scheme and responsiveness of status message banner#395
omkar-ethz merged 1 commit intodevelopfrom
status-banner-rebased

Conversation

@omkar-ethz
Copy link
Member

Description

#394 introduced a configurable status message banner, however the color scheme and appearance of hyperlinks was unpleasant. This PR updates this with nicer colors.

Motivation

statusCode == WARN:
banner-warn

statusCode == INFO, and smaller screen:
Screenshot from 2025-07-02 13-41-31

Fixes:

  • Fixed status banner appearance on smaller screens

Changes:

  • Updated status message component's CSS
  • Add CSS class dynamically based on statusCode

Tests included/Docs Updated?

  • Included for each change/fix?
  • Passing? (Merge will not be approved unless this is checked)
  • Docs updated?
  • New packages used/requires npm install?

Extra Information/Screenshots

@omkar-ethz omkar-ethz merged commit 05967a6 into develop Jul 2, 2025
7 checks passed
@omkar-ethz omkar-ethz deleted the status-banner-rebased branch July 2, 2025 13:24
@sbliven
Copy link
Member

sbliven commented Jul 2, 2025

Is there a red ERROR option too?

@omkar-ethz
Copy link
Member Author

Is there a red ERROR option too?

Nope, but can be added easily. since this PR is merged, Should i create a new one? using the same color scheme, it looks like so:
Screenshot from 2025-07-02 15-58-32

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants