You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

118 lines
2.2 KiB

MoveableTabBar < UIMoveableTabBar
size: 80 20
MoveableTabBarPanel < Panel
MoveableTabBarButton < UIButton
size: 20 20
image-source: /images/ui/tabbutton_square
image-color: white
image-clip: 0 0 20 20
image-border: 3
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
TabBar < UITabBar
size: 80 20
Panel
id: buttonsPanel
anchors.fill: parent
TabBarPanel < Panel
TabBarButton < UIButton
size: 20 20
image-source: /images/ui/tabbutton_square
image-color: white
image-clip: 0 0 20 20
image-border: 3
icon-color: white
color: #aaaaaa
anchors.top: parent.top
padding: 5
$first:
anchors.left: parent.left
$!first:
anchors.left: prev.right
margin-left: 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: #80c7f8
$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