feat(FN-2679): move show-hidden control inline in usage indicator
- Reposition the show-hidden toggle into the UsageIndicator inline layout next to usage details - Update UsageIndicator styles to support the new inline button placement and spacing - Add UsageIndicator tests that assert the show-hidden button renders in the correct placement - Preserve existing behavior while improving visual hierarchy for hidden-usage toggling
This commit is contained in:
@@ -225,9 +225,13 @@
|
||||
}
|
||||
|
||||
.usage-show-hidden-btn {
|
||||
margin-left: var(--space-sm);
|
||||
padding: calc(var(--space-xs) / 2) calc(var(--space-sm) - var(--space-xs) / 2);
|
||||
font-size: calc(var(--space-sm) + var(--space-xs) * 0.75);
|
||||
line-height: 1.2;
|
||||
color: var(--text-muted);
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.usage-show-hidden-btn:hover {
|
||||
@@ -513,7 +517,6 @@
|
||||
}
|
||||
|
||||
.usage-provider-actions {
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user