leyoda/libcosmic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Bundle close and open menu icons

Browse source
This commit is contained in:
Jeremy Soller 2023-11-28 13:14:50 -07:00
parent 8e99406a8b
commit d6c8fbe268
3 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
res/sidebar-active.svg → res/icons/close-menu-symbolic.svg
View file

@ -1,4 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 4C10 3.446 9.554 3 9 3H4C3.446 3 3 3.446 3 4C3 4.554 3.446 5 4 5H9C9.554 5 10 4.554 10 4ZM7 8C7 7.446 6.554 7 6 7H4C3.446 7 3 7.446 3 8C3 8.554 3.446 9 4 9H6C6.554 9 7 8.554 7 8ZM10 12C10 11.446 9.554 11 9 11H4C3.446 11 3 11.446 3 12C3 12.554 3.446 13 4 13H9C9.554 13 10 12.554 10 12Z" fill="#94EBEB"/>
<path d="M12 5L9 8L12 11" stroke="#94EBEB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 4C10 3.446 9.554 3 9 3H4C3.446 3 3 3.446 3 4C3 4.554 3.446 5 4 5H9C9.554 5 10 4.554 10 4ZM7 8C7 7.446 6.554 7 6 7H4C3.446 7 3 7.446 3 8C3 8.554 3.446 9 4 9H6C6.554 9 7 8.554 7 8ZM10 12C10 11.446 9.554 11 9 11H4C3.446 11 3 11.446 3 12C3 12.554 3.446 13 4 13H9C9.554 13 10 12.554 10 12Z" fill="#232323"/>
<path d="M12 5L9 8L12 11" stroke="#232323" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 528 B

After

Width:  |  Height:  |  Size: 528 B

Before After
Before After

3
res/icons/open-menu-symbolic.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 4C13 3.446 12.554 3 12 3H4C3.446 3 3 3.446 3 4C3 4.554 3.446 5 4 5H12C12.554 5 13 4.554 13 4ZM13 8C13 7.446 12.554 7 12 7H4C3.446 7 3 7.446 3 8C3 8.554 3.446 9 4 9H12C12.554 9 13 8.554 13 8ZM13 12C13 11.446 12.554 11 12 11H4C3.446 11 3 11.446 3 12C3 12.554 3.446 13 4 13H12C12.554 13 13 12.554 13 12Z" fill="#232323"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 435 B

13
src/widget/nav_bar_toggle.rs
View file

@ -26,12 +26,15 @@ pub fn nav_bar_toggle<Message>() -> NavBarToggle<Message> {
impl<'a, Message: 'static + Clone> From<NavBarToggle<Message>> for Element<'a, Message> {
fn from(nav_bar_toggle: NavBarToggle<Message>) -> Self {
let icon = if nav_bar_toggle.active {
widget::icon::from_svg_bytes(&include_bytes!("../../res/sidebar-active.svg")[..])
.symbolic(true)
widget::icon::from_svg_bytes(
&include_bytes!("../../res/icons/close-menu-symbolic.svg")[..],
)
.symbolic(true)
} else {
widget::icon::from_name("open-menu-symbolic")
.size(16)
.handle()
widget::icon::from_svg_bytes(
&include_bytes!("../../res/icons/open-menu-symbolic.svg")[..],
)
.symbolic(true)
};
widget::button::text("")