issue-42-unblock-user-button-style #78

Open
bxiang wants to merge 3 commits from issue-42-unblock-user-button-style into ui_change
Member

Description

Updates the Unblock button to match the destructive action styling used elsewhere in the UI.

The button now uses the existing red light/dark mode color tokens and no longer has a border. I also added a test to verify the color tokens and border styling.

Closes #42

Type of change

Type: Bug fix / Test coverage

Testing

  • [x ] I added/updated tests.
  • [ x] I tested my changes locally.
    • [x ] I tested my changes with a laptop-size screen.
    • I tested my changes with a phone-size screen.
    • I tested my changes with a tablet-size screen.
  • I tested on the kennel preview deployment for this pull request.

Screenshots/Recordings

Checklist

  • [x ] My code follows the project's existing style.
  • [ x] I have reviewed my changes.
  • [ x] Only the necessary files and lines have been changed.
  • [ x] This PR is ready for review.
## Description Updates the Unblock button to match the destructive action styling used elsewhere in the UI. The button now uses the existing red light/dark mode color tokens and no longer has a border. I also added a test to verify the color tokens and border styling. ## Related Issue <!-- Link the issue this PR addresses, if applicable. --> Closes #42 ## Type of change **Type:** Bug fix / Test coverage ## Testing - [x ] I added/updated tests. - [ x] I tested my changes locally. - [x ] I tested my changes with a laptop-size screen. - [ ] I tested my changes with a phone-size screen. - [ ] I tested my changes with a tablet-size screen. - [ ] I tested on the kennel preview deployment for this pull request. ## Screenshots/Recordings <!-- If this includes a UI change, attach screenshots on both laptop and mobile. --> ## Checklist - [x ] My code follows the project's existing style. - [ x] I have reviewed my changes. - [ x] Only the necessary files and lines have been changed. - [ x] This PR is ready for review.
test: verify unblock button styling
All checks were successful
nixbot/nix-eval evaluation succeeded in 0s (1 warning)
nixbot/nix-build 0 attributes built
kennel/build build succeeded
kennel/deploy deployment healthy
Test / Unit tests (pull_request) Successful in 1m31s
Test / Integration tests (pull_request) Successful in 2m58s
68d21e5ce3

Kennel Deployments

Service URL
web https://study-web-pr-78.scottylabs.net

Last updated for commit 68d21e5.

<!-- kennel-deployment --> ### Kennel Deployments | Service | URL | | --- | --- | | web | https://study-web-pr-78.scottylabs.net | Last updated for commit `68d21e5`.
Member

Can you add a space between the icon and the minus?

Can you add a space between the icon and the minus?
All checks were successful
nixbot/nix-eval evaluation succeeded in 0s (1 warning)
nixbot/nix-build 0 attributes built
kennel/build build succeeded
Required
Details
kennel/deploy deployment healthy
Required
Details
Test / Unit tests (pull_request) Successful in 1m31s
Required
Details
Test / Integration tests (pull_request) Successful in 2m58s
Required
Details
This pull request has changes conflicting with the target branch.
  • src/styles/components.css
View command line instructions

Manual merge helper

Use this merge commit message when completing the merge manually.

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin issue-42-unblock-user-button-style:issue-42-unblock-user-button-style
git switch issue-42-unblock-user-button-style
Sign in to join this conversation.
No description provided.