From e6020be77f93df9fe000eb8674043e3ddc89a556 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 12 Oct 2026 19:00:40 +0000 Subject: [PATCH] Select Color: 40 px mode buttons with larger labels, frameless pipette Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_013rGmDUNr1hUf4zo1X3dak8 --- src/ui/color_select/editor.rs | 6 +++--- src/ui/color_select/picker.rs | 8 ++++---- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/ui/color_select/editor.rs b/src/ui/color_select/editor.rs index 56df1c20a..f81a93e2a 100644 --- a/src/ui/color_select/editor.rs +++ b/src/ui/color_select/editor.rs @@ -19,7 +19,7 @@ const STRIP_WIDTH: f32 = 22.0; /// at the same height in every mode: 3 × 26 + 2 × 14 + 12 = 108 + 10. const ROW_GAP: f32 = 14.0; const FIELD_HEIGHT: f32 = 108.0; -const MODE_WIDTH: f32 = 44.0; +const MODE_WIDTH: f32 = 40.0; const MODE_HEIGHT: f32 = 24.0; #[derive(Debug, Clone, Copy, PartialEq, Eq, Default)] @@ -187,8 +187,8 @@ impl ColorEditor { } }); let mut modes = row![ - mode_button(text("HSB").size(11).into(), EditorMode::Hsb), - mode_button(text("RGB").size(11).into(), EditorMode::Rgb), + mode_button(text("HSB").size(13).into(), EditorMode::Hsb), + mode_button(text("RGB").size(13).into(), EditorMode::Rgb), field_button, Space::new().width(Length::Fill), ] diff --git a/src/ui/color_select/picker.rs b/src/ui/color_select/picker.rs index fc502df26..ca28b2b85 100644 --- a/src/ui/color_select/picker.rs +++ b/src/ui/color_select/picker.rs @@ -397,11 +397,11 @@ impl ColorPicker { None } else { Some( - button(crate::ui::icons::themed(crate::ui::icons::EYEDROPPER, 14.0)) + // Just the icon, without a button frame. + button(crate::ui::icons::themed(crate::ui::icons::EYEDROPPER, 24.0)) .on_press(picker_msg(ColorPickerMsg::Eyedropper(EyedropperMsg::Start))) - .height(24) - .padding([0, 7]) - .style(|theme: &Theme, status| toggle_style(theme, false, status)) + .padding(0) + .style(|_theme: &Theme, _status| button::Style::default()) .into(), ) };