Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CL-261: update popover styles and fix stories #13547

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

danielleflinn
Copy link
Member

@danielleflinn danielleflinn commented Feb 24, 2025

🎟️ Tracking

https://bitwarden.atlassian.net/browse/CL-261

📔 Objective

Updated the UI styles of the popover to match the new design system styles: primarily increasing the corner radius and adding bitTypography for text styles.

The icon button size was larger than defined in Figma and that the open to "top" stories were broken due to not enough top margin, so these are also fixed.

📸 Screenshots

See Chromatic

⏰ Reminders before review

  • Contributor guidelines followed
  • All formatters and local linters executed and passed
  • Written new unit and / or integration tests where applicable
  • Protected functional changes with optionality (feature flags)
  • Used internationalization (i18n) for all UI strings
  • CI builds passed
  • Communicated to DevOps any deployment requirements
  • Updated any necessary documentation (Confluence, contributing docs) or informed the documentation team

🦮 Reviewer guidelines

  • 👍 (:+1:) or similar for great changes
  • 📝 (:memo:) or ℹ️ (:information_source:) for notes or general info
  • ❓ (:question:) for questions
  • 🤔 (:thinking:) or 💭 (:thought_balloon:) for more open inquiry that's not quite a confirmed issue and could potentially benefit from discussion
  • 🎨 (:art:) for suggestions / improvements
  • ❌ (:x:) or ⚠️ (:warning:) for more significant problems or concerns needing attention
  • 🌱 (:seedling:) or ♻️ (:recycle:) for future improvements or indications of technical debt
  • ⛏ (:pick:) for minor or nitpick changes

@danielleflinn danielleflinn requested a review from a team as a code owner February 24, 2025 22:07
@danielleflinn danielleflinn changed the title [CL-261] updated popover styles and fix stories [CL-261] update popover styles and fix stories Feb 24, 2025
Copy link

codecov bot commented Feb 24, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 35.84%. Comparing base (8552578) to head (d63ef69).

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #13547      +/-   ##
==========================================
- Coverage   35.85%   35.84%   -0.01%     
==========================================
  Files        3164     3164              
  Lines       93272    93273       +1     
  Branches    16981    16981              
==========================================
- Hits        33442    33436       -6     
- Misses      57244    57251       +7     
  Partials     2586     2586              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@danielleflinn danielleflinn changed the title [CL-261] update popover styles and fix stories CL-261: update popover styles and fix stories Feb 24, 2025
Copy link
Contributor

Logo
Checkmarx One – Scan Summary & Detailsef2e45c7-f6e8-4101-a06a-3b76d0b4e1aa

Great job, no security vulnerabilities found in this Pull Request

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.

1 participant