Skip to content

[CL-988] Update no items component to status layout design - #22386

Draft
vleague2 wants to merge 1 commit into
mainfrom
uif/cl-988/status-layout
Draft

[CL-988] Update no items component to status layout design#22386
vleague2 wants to merge 1 commit into
mainfrom
uif/cl-988/status-layout

Conversation

@vleague2

@vleague2 vleague2 commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

🎟️ Tracking

CL-988

📔 Objective

Update the no-items component to status-layout and make changes to align with updated design:

  • Make graphic optional (current usages use SVGs)
  • Support icon tile as graphic option
  • Update spacing between elements
  • Add size options, including responsive behavior (automatically use small size below md breakpoint)

📸 Screenshots

Before After
Screenshot 2026-08-12 at 4 20 23 PM Screenshot 2026-08-12 at 4 20 19 PM

@vleague2
vleague2 requested review from a team and BryanCunningham August 12, 2026 20:22
@vleague2 vleague2 added the t:feature Change Type - Feature Development label Aug 12, 2026
Comment thread apps/browser/src/platform/popup/layout/popup-layout.stories.ts
@codecov

codecov Bot commented Aug 12, 2026

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 25.86207% with 43 lines in your changes missing coverage. Please review.
✅ Project coverage is 53.44%. Comparing base (4845f9d) to head (2f30db1).
✅ All tests successful. No failed tests found.

Files with missing lines Patch % Lines
...nents/src/status-layout/status-layout.component.ts 15.38% 22 Missing ⚠️
...en-sink/components/kitchen-sink-empty.component.ts 0.00% 3 Missing ⚠️
...lling/members/free-bitwarden-families.component.ts 0.00% 2 Missing ⚠️
...ager/projects/project/project-secrets.component.ts 0.00% 2 Missing ⚠️
...ervice-accounts/service-accounts-list.component.ts 0.00% 2 Missing ⚠️
.../secrets-manager/shared/projects-list.component.ts 0.00% 2 Missing ⚠️
...p/secrets-manager/shared/secrets-list.component.ts 0.00% 2 Missing ⚠️
...stories/kitchen-sink/kitchen-sink-shared.module.ts 0.00% 2 Missing ⚠️
...rowser/src/vault/popup/settings/trash.component.ts 0.00% 1 Missing ⚠️
...ets-manager-landing/request-sm-access.component.ts 0.00% 1 Missing ⚠️
... and 4 more
Additional details and impacted files
@@            Coverage Diff             @@
##             main   #22386      +/-   ##
==========================================
- Coverage   53.45%   53.44%   -0.02%     
==========================================
  Files        4275     4274       -1     
  Lines      135303   135340      +37     
  Branches    21326    21330       +4     
==========================================
+ Hits        72328    72330       +2     
- Misses      57688    57723      +35     
  Partials     5287     5287              

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

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

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

Labels

t:feature Change Type - Feature Development

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants