kaze/orx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add collapsible panels to orx-gui

Browse Source
This commit is contained in:
Edwin Jakobs
2020-02-04 13:54:29 +01:00
parent 2738b2f287
commit 4a819ed5bb
1 changed files with 30 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
orx-gui/src/main/kotlin/Gui.kt
View File

@@ -39,6 +39,10 @@ class GUI : Extension {
this.height = 100.percent
}
styleSheet(has class_ "collapsed") {
this.display = Display.NONE
}
styleSheet(has class_ "sidebar") {
this.width = 200.px
this.paddingBottom = 20.px
@@ -48,10 +52,23 @@ class GUI : Extension {
this.marginRight = 2.px
this.height = 100.percent
this.background = Color.RGBa(ColorRGBa.GRAY.copy(a = 0.2))
this.overflow = Overflow.Scroll
descendant(has type "colorpicker-button") {
this.width = 175.px
}
descendant(has type "slider") {
this.width = 175.px
}
descendant(has type "button") {
this.width = 175.px
}
descendant(has type "textfield") {
this.width = 175.px
}
}
styleSheet(has type "dropdown-button") {
@@ -72,12 +89,21 @@ class GUI : Extension {
div("sidebar") {
id = "sidebar"
for ((obj, parameters) in trackedParams) {
h3 { obj.title() ?: "untitled" }
val header = h3 { obj.title() ?: "untitled" }
val collapsible = div {
for (parameter in parameters) {
addControl(obj, parameter)
}
}
header.mouse.pressed.subscribe {
val c = ElementClass("collapsed")
if (c in collapsible.classes) {
collapsible.classes.remove(c)
} else {
collapsible.classes.add(c)
}
}
}
}
}
}