feat(ui): the creator's six corrections
1. Stream Info + YPP rails are YouTube surfaces → new `youtube` token #ff0000. It is documented as brand-only: live state stays `primary`, so the two reds never mean the same thing. 2. EDIT toggle: the checked trigger set the SAME colour as the resting face, so clicking it changed nothing visible. Resting is now the neutral surface with muted text; armed is blue with dark text, and the label follows the fill. 3. Active scene outline is orange again (`attention`) — it marks the scene you work on, not a selection; blue made it read as "selected". Live stays red. 4. Scene names wear the same pill as the hotkey chips (black, 10px radius, 8×2 padding), so both labels stay readable over any thumbnail. 5. REC / ON-AIR pills and the running stop button read red while armed/live — including test mode, where the top bar is gold. New `RecordPillToggle` style (its own template, because SegmentToggle hard-codes a transparent face); the stop button's grey `#333` literal is gone. 6. The properties list had `MaxHeight="420"` inside an Auto row, so it scrolled while the window had space left. The row is `*` now and the cap is gone. Guard: UiShellTests pins all six to the markup and names the one that regresses.
This commit is contained in:
@@ -18,8 +18,12 @@
|
||||
<Style TargetType="Border">
|
||||
<Setter Property="BorderBrush" Value="{StaticResource Brush.Outline}"/>
|
||||
<Style.Triggers>
|
||||
<!-- Active scene = orange (creator ruling 2026-10-30): it marks
|
||||
the stage you are working on, not a selection — blue is
|
||||
the interactive accent and read as "selected". Live
|
||||
stays red. -->
|
||||
<DataTrigger Binding="{Binding IsStaged}" Value="True">
|
||||
<Setter Property="BorderBrush" Value="{StaticResource Brush.Tertiary}"/>
|
||||
<Setter Property="BorderBrush" Value="{StaticResource Brush.Attention}"/>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding IsLive}" Value="True">
|
||||
<Setter Property="BorderBrush" Value="{StaticResource Brush.Primary}"/>
|
||||
@@ -67,13 +71,13 @@
|
||||
<TextBlock Text="{Binding HotkeyLabel, Mode=OneWay}" Foreground="White" FontSize="16" FontWeight="SemiBold"/>
|
||||
</Border>
|
||||
|
||||
<TextBlock Text="{Binding Name, Mode=OneWay}" Foreground="White" FontSize="16" FontWeight="SemiBold"
|
||||
HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="6"
|
||||
TextTrimming="CharacterEllipsis">
|
||||
<TextBlock.Effect>
|
||||
<DropShadowEffect BlurRadius="4" ShadowDepth="0" Opacity="0.9"/>
|
||||
</TextBlock.Effect>
|
||||
</TextBlock>
|
||||
<!-- The scene name wears the same pill as the hotkey chip, so both
|
||||
labels stay readable over any thumbnail. -->
|
||||
<Border HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="6"
|
||||
Padding="8,2" CornerRadius="10" Background="#000000">
|
||||
<TextBlock Text="{Binding Name, Mode=OneWay}" Foreground="White" FontSize="15" FontWeight="SemiBold"
|
||||
TextTrimming="CharacterEllipsis"/>
|
||||
</Border>
|
||||
</Grid>
|
||||
</Border>
|
||||
</DataTemplate>
|
||||
|
||||
Reference in New Issue
Block a user