fix(properties): embed scrollbar lane

src/ui/properties.rs

@@ -31,8 +31,6 @@ const PATTERN_PREVIEW_H: f32 = 58.0;
 const PATTERN_PICKER_W: f32 = 348.0;
 const PATTERN_PICKER_H: f32 = 720.0;
 const LINETYPE_MENU_W: f32 = 220.0;
-const PROPERTIES_SCROLLBAR_GUTTER: f32 = 16.0;
-
 use crate::app::Message;
 use crate::scene::model::object::{PropSection, PropValue};
 
@@ -621,12 +619,10 @@ impl PropertiesPanel {
             for section in &self.sections {
                 col = col.push(self.render_section(section));
             }
-            let gutter = Padding {
+            scrollable(col.width(Length::Fill))
-                right: PROPERTIES_SCROLLBAR_GUTTER,
+                .spacing(8)
-                ..Padding::ZERO
-            };
-            scrollable(container(col.width(Length::Fill)).padding(gutter))
                 .width(Length::Fill)
+                .height(Length::Fill)
                 .into()
         };
 
@@ -680,15 +676,10 @@ impl PropertiesPanel {
             sections = sections.push(self.render_section(section));
         }
 
-        let gutter = Padding {
+        let content = scrollable(sections.width(Length::Fill))
-            right: PROPERTIES_SCROLLBAR_GUTTER,
+            .spacing(8)
-            ..Padding::ZERO
+            .width(Length::Fill)
-        };
+            .height(Length::Shrink);
-        let content = scrollable(
-            container(sections.width(Length::Fill)).padding(gutter),
-        )
-        .width(Length::Fill)
-        .height(Length::Shrink);
 
         Some(
             container(column![title, content].spacing(0))