me/iced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve default styling of Slider widget

Browse source
This commit is contained in:
Héctor Ramón Jiménez 2024-03-05 22:31:01 +01:00
parent 5824ceb1fe
commit 420f49bef5
No known key found for this signature in database
GPG key ID: 7CC46565708259A7
2 changed files with 16 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

5
widget/src/progress_bar.rs
View file

@ -185,7 +185,10 @@ impl Style for Theme {
pub fn primary(theme: &Theme) -> Appearance {
let palette = theme.extended_palette();
styled(palette.background.strong.color, palette.primary.base.color)
styled(
palette.background.strong.color,
palette.primary.strong.color,
)
}
/// The secondary style of a [`ProgressBar`].

31
widget/src/slider.rs
View file

@ -62,7 +62,7 @@ where
Message: Clone,
{
/// The default height of a [`Slider`].
pub const DEFAULT_HEIGHT: f32 = 22.0;
pub const DEFAULT_HEIGHT: f32 = 15.0;
/// Creates a new [`Slider`].
///
@ -566,30 +566,23 @@ impl Style for Theme {
pub fn default(theme: &Theme, status: Status) -> Appearance {
let palette = theme.extended_palette();
let handle = Handle {
shape: HandleShape::Rectangle {
width: 8,
border_radius: 4.0.into(),
},
color: Color::WHITE,
border_color: Color::WHITE,
border_width: 1.0,
let color = match status {
Status::Active => palette.primary.strong.color,
Status::Hovered => palette.primary.base.color,
Status::Dragged => palette.primary.strong.color,
};
Appearance {
rail: Rail {
colors: (palette.primary.base.color, palette.secondary.base.color),
width: 4.0,
border_radius: 2.0.into(),
colors: (color, palette.secondary.base.color),
width: 6.0,
border_radius: 3.0.into(),
},
handle: Handle {
color: match status {
Status::Active => palette.background.base.color,
Status::Hovered => palette.primary.weak.color,
Status::Dragged => palette.primary.base.color,
},
border_color: palette.primary.base.color,
..handle
shape: HandleShape::Circle { radius: 7.0 },
color,
border_color: Color::TRANSPARENT,
border_width: 0.0,
},
}
}