added overflow to CSS

This commit is contained in:
Will McGugan
2022-03-08 14:48:45 +00:00
parent 2b08484932
commit 5f3720ed0e
9 changed files with 113 additions and 33 deletions

View File

@@ -1,7 +1,8 @@
#uber1 {
/* border: heavy green; */
layout: horizontal;
text: on green;
layout: vertical;
text: on dark_green;
overflow-y: scroll;
}
.list-item {
@@ -9,18 +10,17 @@
/* height: 8; */
margin: 1 2;
text: on dark_blue;
}
#child1 {
text: on blue;
}
#child2 {
text: on magenta;
}
#uber2 {
/* #uber2 {
margin: 3;
layout: dock;
docks: _default=left;
}
} */

View File

@@ -20,7 +20,12 @@ class BasicApp(App):
self.mount(
uber1=Widget(
Placeholder(id="child1", classes={"list-item"}),
Widget(id="child2", classes={"list-item"}),
Placeholder(id="child2", classes={"list-item"}),
Placeholder(id="child3", classes={"list-item"}),
Placeholder(classes={"list-item"}),
Placeholder(classes={"list-item"}),
Placeholder(classes={"list-item"}),
Placeholder(classes={"list-item"}),
# Placeholder(id="child3", classes={"list-item"}),
),
# uber2=uber2,