Skip to content

Commit 03fd6ca

Browse files
gblanc-1aclaude
andcommitted
fix(ui): left-align stars in bundle detail and remove confidence text
Align interactive stars to the left like the rest of the content in the bundle detail panel. Remove confidence text from rating display. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 95890e8 commit 03fd6ca

File tree

3 files changed

+16
-20
lines changed

3 files changed

+16
-20
lines changed

src/ui/MarketplaceViewProvider.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1229,7 +1229,7 @@ export class MarketplaceViewProvider implements vscode.WebviewViewProvider {
12291229
const ratingDisplayHtml = rating ? `
12301230
<span class="rating-stars">${'★'.repeat(Math.round(rating.starRating))}${'☆'.repeat(5 - Math.round(rating.starRating))}</span>
12311231
<span class="rating-score">${rating.starRating.toFixed(1)}</span>
1232-
<span class="rating-meta">${rating.voteCount} votes (${rating.confidence} confidence)</span>
1232+
<span class="rating-meta">${rating.voteCount} votes</span>
12331233
` : `<span class="no-rating">No ratings yet</span>`;
12341234

12351235
const breakdownContent = isInstalled ? `

src/ui/webview/bundleDetails/bundleDetails.css

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -244,17 +244,15 @@ code {
244244
margin-bottom: 24px;
245245
}
246246

247-
.rating-header {
247+
.rating-display {
248248
display: flex;
249249
align-items: center;
250-
justify-content: space-between;
250+
gap: 12px;
251251
margin-bottom: 12px;
252252
}
253253

254-
.rating-display {
255-
display: flex;
256-
align-items: center;
257-
gap: 12px;
254+
.rating-action {
255+
margin-bottom: 4px;
258256
}
259257

260258
.rating-stars {

src/ui/webview/bundleDetails/bundleDetails.html

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -21,19 +21,17 @@ <h1>
2121
{{autoUpdateSection}}
2222

2323
<div class="rating-section">
24-
<div class="rating-header">
25-
<div class="rating-display">
26-
{{ratingDisplay}}
27-
</div>
28-
<div class="feedback-actions">
29-
<div class="interactive-stars" id="detailStars">
30-
<span class="star" data-star="1" title="1 star"></span>
31-
<span class="star" data-star="2" title="2 stars"></span>
32-
<span class="star" data-star="3" title="3 stars"></span>
33-
<span class="star" data-star="4" title="4 stars"></span>
34-
<span class="star" data-star="5" title="5 stars"></span>
35-
<span class="star-label">Rate this bundle</span>
36-
</div>
24+
<div class="rating-display">
25+
{{ratingDisplay}}
26+
</div>
27+
<div class="rating-action">
28+
<div class="interactive-stars" id="detailStars">
29+
<span class="star" data-star="1" title="1 star"></span>
30+
<span class="star" data-star="2" title="2 stars"></span>
31+
<span class="star" data-star="3" title="3 stars"></span>
32+
<span class="star" data-star="4" title="4 stars"></span>
33+
<span class="star" data-star="5" title="5 stars"></span>
34+
<span class="star-label">Rate this bundle</span>
3735
</div>
3836
</div>
3937
<div class="inline-feedback-form" id="detailFeedbackForm">

0 commit comments

Comments
 (0)