releases/ClaudeDo
2
0
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Projects Releases 12 Wiki Activity

refactor(ui): merge task-row styles and add shared section/danger-box/sidebar/accent styles

Browse Source
This commit is contained in:
mika kuns
2026-05-30 17:49:24 +02:00
parent bddef5abef
commit 2a381048fe
1 changed files with 65 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/ClaudeDo.Ui/Design/IslandStyles.axaml
View File

@@ -310,8 +310,9 @@
<Setter Property="Cursor" Value="Hand" /> <Setter Property="Cursor" Value="Hand" />
<Setter Property="Transitions"> <Setter Property="Transitions">
<Transitions> <Transitions>
<BrushTransition Property="Background" Duration="0:0:0.10"/> <BrushTransition Property="Background" Duration="0:0:0.12" />
<BrushTransition Property="BorderBrush" Duration="0:0:0.10"/> <BrushTransition Property="BorderBrush" Duration="0:0:0.12" />
<ThicknessTransition Property="Margin" Duration="0:0:0.15" />
</Transitions> </Transitions>
</Setter> </Setter>
</Style> </Style>
@@ -711,22 +712,6 @@
<!-- TASK ROW — extensions (C2) --> <!-- TASK ROW — extensions (C2) -->
<!-- ============================================================ --> <!-- ============================================================ -->
<!-- Augment base task-row transitions to include Margin -->
<Style Selector="Border.task-row">
<Setter Property="Transitions">
<Transitions>
<BrushTransition Property="Background" Duration="0:0:0.12" />
<ThicknessTransition Property="Margin" Duration="0:0:0.15" />
</Transitions>
</Setter>
</Style>
<!-- Selected state: rely on the left accent bar from TaskRowView;
no heavy bg or perimeter border. -->
<Style Selector="Border.task-row.selected">
<Setter Property="BorderBrush" Value="{StaticResource LineBrightBrush}" />
</Style>
<!-- Left accent bar for selected row --> <!-- Left accent bar for selected row -->
<Style Selector="Border.task-row-accent"> <Style Selector="Border.task-row-accent">
<Setter Property="Width" Value="2" /> <Setter Property="Width" Value="2" />
@@ -960,4 +945,66 @@
<Setter Property="TextTrimming" Value="CharacterEllipsis" /> <Setter Property="TextTrimming" Value="CharacterEllipsis" />
</Style> </Style>
<!-- ============================================================ -->
<!-- SHARED CONTAINERS (promoted from per-view inline/local styles)-->
<!-- ============================================================ -->
<!-- Bordered card / settings section -->
<Style Selector="Border.section">
<Setter Property="BorderBrush" Value="{StaticResource LineBrush}" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="CornerRadius" Value="{StaticResource ButtonCornerRadius}" />
<Setter Property="Padding" Value="14" />
<Setter Property="Background" Value="{StaticResource DeepBrush}" />
</Style>
<!-- Stacked content section with a bottom hairline (Details island) -->
<Style Selector="Border.section-divider">
<Setter Property="Padding" Value="18,12" />
<Setter Property="BorderBrush" Value="{StaticResource LineBrush}" />
<Setter Property="BorderThickness" Value="0,0,0,1" />
</Style>
<!-- Inline danger confirm box -->
<Style Selector="Border.danger-box">
<Setter Property="BorderBrush" Value="{StaticResource BloodBrush}" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="CornerRadius" Value="{StaticResource ButtonCornerRadius}" />
<Setter Property="Padding" Value="12,10" />
</Style>
<!-- Left sidebar pane with vertical hairline (diff/planning views) -->
<Style Selector="Border.sidebar-pane">
<Setter Property="BorderBrush" Value="{StaticResource LineBrush}" />
<Setter Property="BorderThickness" Value="0,0,1,0" />
<Setter Property="Background" Value="{StaticResource DeepBrush}" />
</Style>
<!-- Diff line-number gutter column -->
<Style Selector="TextBlock.diff-lineno">
<Setter Property="FontFamily" Value="{StaticResource MonoFont}" />
<Setter Property="FontSize" Value="{StaticResource FontSizeMono}" />
<Setter Property="Foreground" Value="{StaticResource TextFaintBrush}" />
</Style>
<!-- Terminal selectable log text (SelectableTextBlock doesn't inherit the TextBlock terminal style) -->
<Style Selector="Border.terminal SelectableTextBlock">
<Setter Property="FontFamily" Value="{StaticResource MonoFont}" />
<Setter Property="FontSize" Value="{StaticResource FontSizeMono}" />
<Setter Property="Foreground" Value="{StaticResource TextDimBrush}" />
</Style>
<!-- Accent call-to-action button (Send to queue / Continue / Schedule) -->
<Style Selector="Button.accent">
<Setter Property="Background" Value="{StaticResource AccentDimBrush}" />
<Setter Property="BorderBrush" Value="{StaticResource AccentBrush}" />
<Setter Property="BorderThickness" Value="1" />
<Setter Property="CornerRadius" Value="{StaticResource ButtonCornerRadius}" />
<Setter Property="Padding" Value="10,6" />
<Setter Property="FontFamily" Value="{StaticResource MonoFont}" />
<Setter Property="FontSize" Value="{StaticResource FontSizeMono}" />
<Setter Property="Foreground" Value="{StaticResource TextBrush}" />
<Setter Property="FontWeight" Value="SemiBold" />
</Style>
</Styles> </Styles>