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.

129 lines
2.5 KiB

MoveableTabBar < UIMoveableTabBar
size: 80 21
MoveableTabBarPanel < Panel
MoveableTabBarButton < UIButton
size: 20 21
image-source: /images/ui/tabbutton_square
image-color: #dfdfdf
image-clip: 0 0 20 21
image-border: 3
image-border-bottom: 0
icon-color: #dfdfdf
color: #dfdfdf
anchors.top: parent.top
anchors.left: parent.left
padding: 5
$hover !checked:
image-clip: 0 21 20 21
color: #dfdfdf
$disabled:
image-color: #dfdfdf88
icon-color: #dfdfdf
$checked:
image-clip: 0 42 20 21
color: #dfdfdf
$on !checked:
color: #de6f6f
TabBar < UITabBar
size: 80 21
Panel
id: buttonsPanel
anchors.fill: parent
TabBarPanel < Panel
TabBarButton < UIButton
size: 20 21
image-source: /images/ui/tabbutton_square
image-source: /images/ui/tabbutton_square
image-color: #dfdfdf
image-clip: 0 0 20 21
image-border: 3
image-border-bottom: 0
icon-color: #dfdfdf
color: #dfdfdf
anchors.top: parent.top
padding: 5
$first:
anchors.left: parent.left
$!first:
anchors.left: prev.right
margin-left: 5
$hover !checked:
image-clip: 0 21 20 21
color: #dfdfdf
$disabled:
image-color: #dfdfdf88
icon-color: #dfdfdf
$checked:
image-clip: 0 42 20 21
color: #dfdfdf
$on !checked:
color: #dfdfdf
TabBarRounded < TabBar
TabBarRoundedPanel < TabBarPanel
TabBarRoundedButton < TabBarButton
image-source: /images/ui/tabbutton_rounded
size: 22 23
image-clip: 0 0 22 23
$hover !checked:
image-clip: 0 23 22 23
$checked:
image-clip: 0 46 22 23
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: 10
$hover !checked:
color: white
icon-color: #dfdfdf
$disabled:
icon-color: #333333
$checked:
icon-color: #ffffff
color: #80c7f8
$on !checked:
color: #F55E5E