adding scrollable

This commit is contained in:
Chris Cochrun 2025-01-15 14:43:43 -06:00
parent 40580a6e7a
commit d2394c6540

View file

@ -8,7 +8,7 @@ use cosmic::{
theme, theme,
widget::{ widget::{
button, container, horizontal_space, icon, mouse_area, row, button, container, horizontal_space, icon, mouse_area, row,
text, Column, Container, Space, scrollable, text, Column, Container, Space,
}, },
Element, Task, Element, Task,
}; };
@ -162,10 +162,13 @@ impl Library {
.on_enter(Message::HoverLibrary(Some(model.kind))) .on_enter(Message::HoverLibrary(Some(model.kind)))
.on_exit(Message::HoverLibrary(None)); .on_exit(Message::HoverLibrary(None));
let lib_container = if self.library_open == Some(model.kind) { let lib_container = if self.library_open == Some(model.kind) {
let items: Column<Message> = column({ let items = scrollable(
column({
model.items.iter().map(|item| { model.items.iter().map(|item| {
let text = let text = text::heading(elide_text(
text::heading(elide_text(item.title(), 18)) item.title(),
18,
))
.center() .center()
.wrapping(textm::Wrapping::None); .wrapping(textm::Wrapping::None);
let icon = icon::from_name({ let icon = icon::from_name({
@ -192,15 +195,20 @@ impl Library {
.background(Background::Color( .background(Background::Color(
t.cosmic().button.base.into(), t.cosmic().button.base.into(),
)) ))
.border(Border::default().rounded( .border(
t.cosmic().corner_radii.radius_l, Border::default().rounded(
)) t.cosmic()
.corner_radii
.radius_l,
),
)
}) })
.into() .into()
}) })
}) })
.spacing(2) .spacing(2)
.width(Length::Fill); .width(Length::Fill),
);
Container::new(items).padding(5).style(|t| { Container::new(items).padding(5).style(|t| {
container::Style::default() container::Style::default()
.background(Background::Color( .background(Background::Color(