leyoda/cosmic-edit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve context menu styling

Browse source
This commit is contained in:
Jeremy Soller 2023-11-20 11:34:59 -07:00
parent 858bad0f50
commit 7782a421a3
No known key found for this signature in database
GPG key ID: DCFCA852D3906975
1 changed files with 16 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/menu.rs
View file

@ -1,11 +1,10 @@
// SPDX-License-Identifier: GPL-3.0-only // SPDX-License-Identifier: GPL-3.0-only
use cosmic::{ use cosmic::{
cosmic_theme,
//TODO: export in cosmic::widget //TODO: export in cosmic::widget
iced::{ iced::{
widget::{column, horizontal_rule}, widget::{column, horizontal_rule},
Alignment, Length, Alignment, Background, Length,
}, },
theme, theme,
widget::{ widget::{
@ -50,7 +49,7 @@ pub fn context_menu<'a>(config: &Config, entity: segmented_button::Entity) -> El
.on_press(Message::TabContextAction(entity, action)) .on_press(Message::TabContextAction(entity, action))
}; };
widget::cosmic_container::container(column!( widget::container(column!(
menu_item(fl!("undo"), Action::Undo), menu_item(fl!("undo"), Action::Undo),
menu_item(fl!("redo"), Action::Redo), menu_item(fl!("redo"), Action::Redo),
horizontal_rule(1), horizontal_rule(1),
@ -59,8 +58,20 @@ pub fn context_menu<'a>(config: &Config, entity: segmented_button::Entity) -> El
menu_item(fl!("paste"), Action::Paste), menu_item(fl!("paste"), Action::Paste),
menu_item(fl!("select-all"), Action::SelectAll), menu_item(fl!("select-all"), Action::SelectAll),
)) ))
.layer(cosmic_theme::Layer::Background) .padding(1)
.style(theme::Container::Card) //TODO: move style to libcosmic
.style(theme::Container::custom(|theme| {
let cosmic = theme.cosmic();
let component = &cosmic.background.component;
widget::container::Appearance {
icon_color: Some(component.on.into()),
text_color: Some(component.on.into()),
background: Some(Background::Color(component.base.into())),
border_radius: 8.0.into(),
border_width: 1.0,
border_color: component.divider.into(),
}
}))
.width(Length::Fixed(240.0)) .width(Length::Fixed(240.0))
.into() .into()
} }