90 lines
1.6 KiB
Plaintext
90 lines
1.6 KiB
Plaintext
|
TabBar < UITabBar
|
||
|
|
size: 80 20
|
||
|
|
TabBarPanel < Panel
|
||
|
|
TabBarButton < UIButton
|
||
|
|
size: 20 20
|
||
|
|
image-source: /images/ui/tabbutton_square
|
||
|
|
image-color: white
|
||
|
|
image-clip: 0 0 20 20
|
||
|
|
image-border: 2
|
||
|
|
icon-color: white
|
||
|
|
color: #aaaaaa
|
||
|
|
anchors.top: parent.top
|
||
|
|
anchors.left: parent.left
|
||
|
|
padding: 5
|
||
|
|
|
||
|
|
$hover !checked:
|
||
|
|
image-clip: 0 20 20 20
|
||
|
|
color: white
|
||
|
|
|
||
|
|
$disabled:
|
||
|
|
image-color: #ffffff66
|
||
|
|
icon-color: #888888
|
||
|
|
|
||
|
|
$checked:
|
||
|
|
image-clip: 0 40 20 20
|
||
|
|
color: #D8E7F0
|
||
|
|
|
||
|
|
$on !checked:
|
||
|
|
color: #F55E5E
|
||
|
|
|
||
|
|
TabBarRounded < TabBar
|
||
|
|
TabBarRoundedPanel < TabBarPanel
|
||
|
|
TabBarRoundedButton < TabBarButton
|
||
|
|
image-source: /images/ui/tabbutton_rounded
|
||
|
|
|
||
|
|
TabBarVertical < UITabBar
|
||
|
|
width: 96
|
||
|
|
|
||
|
|
ScrollableFlatPanel
|
||
|
|
id: buttonsPanel
|
||
|
|
anchors.top: parent.top
|
||
|
|
anchors.left: parent.left
|
||
|
|
anchors.right: scrollBar.left
|
||
|
|
anchors.bottom: parent.bottom
|
||
|
|
vertical-scrollbar: scrollBar
|
||
|
|
|
||
|
|
VerticalScrollBar
|
||
|
|
id: scrollBar
|
||
|
|
anchors.top: parent.top
|
||
|
|
anchors.bottom: parent.bottom
|
||
|
|
anchors.right: parent.right
|
||
|
|
step: 16
|
||
|
|
pixels-scroll: true
|
||
|
|
|
||
|
|
$!on:
|
||
|
|
width: 0
|
||
|
|
|
||
|
|
TabBarVerticalPanel < Panel
|
||
|
|
|
||
|
|
TabBarVerticalButton < UIButton
|
||
|
|
size: 48 48
|
||
|
|
color: #aaaaaa
|
||
|
|
anchors.left: parent.left
|
||
|
|
anchors.right: parent.right
|
||
|
|
text-align: bottom
|
||
|
|
icon-align: top
|
||
|
|
icon-offset-y: 2
|
||
|
|
icon-color: #888888
|
||
|
|
|
||
|
|
$first:
|
||
|
|
anchors.top: parent.top
|
||
|
|
|
||
|
|
$!first:
|
||
|
|
anchors.top: prev.bottom
|
||
|
|
margin-top: 5
|
||
|
|
|
||
|
|
$hover !checked:
|
||
|
|
color: white
|
||
|
|
icon-color: #cccccc
|
||
|
|
|
||
|
|
$disabled:
|
||
|
|
icon-color: #333333
|
||
|
|
|
||
|
|
$checked:
|
||
|
|
icon-color: #ffffff
|
||
|
|
color: #80c7f8
|
||
|
|
|
||
|
|
$on !checked:
|
||
|
|
color: #F55E5E
|