Lots of updates, especially dialog

2 files changed, 4 insertions, 22 deletions

diff --git a/src_demo/components/_content.scss b/src_demo/components/_content.scss
index 6045e4b..2f9a2d0 100644
--- a/src_demo/components/_content.scss
+++ b/src_demo/components/_content.scss
@@ -3,5 +3,6 @@
 @include iro.props-namespace('content') {
     @include iro.bem-component(iro.props-namespace()) {
         grid-area: content;
+        overflow:  auto;
     }
 }
diff --git a/src_demo/components/_sidebar.scss b/src_demo/components/_sidebar.scss
index 9cff3c8..6b7eaf0 100644
--- a/src_demo/components/_sidebar.scss
+++ b/src_demo/components/_sidebar.scss
@@ -2,28 +2,9 @@
 @use '../../src/functions' as fn;
 
 @include iro.props-namespace('sidebar') {
-    @include iro.props-store((
-        --colors: (
-            --bg:              fn.global-color(--bg),
-            --border:          fn.global-color(--obj),
-            --icon:            fn.global-color(--fg-hi),
-            --group-header-fg: fn.global-color(--fg-hi),
-        ),
-    ), 'colors');
-
-    @include iro.props-store((
-        --colors: (
-            --bg:     fn.global-color(--bg-hi),
-            --border: fn.global-color(--bg-hi),
-        ),
-    ), 'colors-dark');
-
     @include iro.bem-component(iro.props-namespace()) {
-        grid-area:        sidebar;
-        min-width:        10em;
-        padding:          .6em;
-        overflow:         auto;
-        border-right:     1px solid fn.color(--border);
-        background-color: fn.color(--bg);
+        grid-area:  sidebar;
+        min-width:  15em;
+        min-height: 0;
     }
 }