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

Fixed sidebar responsiveness

Browse source 
- Created new widget `scrollbar` which can adopt COSMIC styling.
- Increased sidebar icon size by 4 pixels to improve visibility.
- Added padding inside the navigation bar to prevent collision with the scrollbar.
- Increased the max width of the condensed navbar for the scrollbar.
This commit is contained in:
Eduardo Flores 2022-09-30 18:43:32 -07:00 • committed by Michael Murphy
parent 8b73478c57
commit 4ae03278cc
4 changed files with 36 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

20
examples/cosmic/src/main.rs
View file

@ -23,7 +23,7 @@ use cosmic::{
row,
slider,
text,
scrollable,
scrollable
},
iced_lazy::responsive,
iced_winit::window::drag,
@ -141,9 +141,19 @@ impl Application for Window {
nav_button!("system-software-update", "OS Upgrade & Recovery", condensed)
.on_press(Message::Page(2))
.style(if self.page == 2 { theme::Button::Primary } else { theme::Button::Text })
,
nav_button!("system-software-update", "OS Upgrade & Recovery", condensed)
.on_press(Message::Page(2))
.style(if self.page == 2 { theme::Button::Primary } else { theme::Button::Text }),
nav_button!("system-software-update", "OS Upgrade & Recovery", condensed)
.on_press(Message::Page(2))
.style(if self.page == 2 { theme::Button::Primary } else { theme::Button::Text }),
nav_button!("system-software-update", "OS Upgrade & Recovery", condensed)
.on_press(Message::Page(2))
.style(if self.page == 2 { theme::Button::Primary } else { theme::Button::Text })
)
.max_width(if condensed {
56
100
} else {
300
})
@ -264,13 +274,13 @@ impl Application for Window {
if self.debug { content.explain(Color::WHITE) } else { content },
horizontal_space(Length::Fill),
])
.scrollbar_width(12)
.scroller_width(6)
.scrollbar_width(8)
.scroller_width(8)
.into()
);
container(row(widgets))
.padding([16, 8])
.padding([16, 16])
.width(Length::Fill)
.height(Length::Fill)
.into()