summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
authorThorbjørn Lindeijer <bjorn@lindeijer.nl>2025-04-01 11:36:06 +0200
committerThorbjørn Lindeijer <bjorn@lindeijer.nl>2025-04-01 11:36:10 +0200
commit1d41d71eff082bb3232962ac6c4c68051f771da0 (patch)
tree591bb844e20f0b68f89f8ec503406c79603aa6a0 /data
parentc3ebaad314653009b2c985156fac2e022a2acb74 (diff)
downloadmana-1d41d71eff082bb3232962ac6c4c68051f771da0.tar.gz
mana-1d41d71eff082bb3232962ac6c4c68051f771da0.tar.bz2
mana-1d41d71eff082bb3232962ac6c4c68051f771da0.tar.xz
mana-1d41d71eff082bb3232962ac6c4c68051f771da0.zip
GUI: Made CheckBox, RadioButton and Slider more customizable
Added handling of padding and text format and added new "spacing" skin variable which is used for the space between the label and the control in case of CheckBox and RadioButton. Small tweaks to UI layout in various places.
Diffstat (limited to 'data')
-rw-r--r--data/graphics/gui/resize.pngbin443 -> 4466 bytes
-rw-r--r--data/graphics/gui/theme.xml28
2 files changed, 14 insertions, 14 deletions
diff --git a/data/graphics/gui/resize.png b/data/graphics/gui/resize.png
index 6b31ac64..61cb2cc2 100644
--- a/data/graphics/gui/resize.png
+++ b/data/graphics/gui/resize.png
Binary files differ
diff --git a/data/graphics/gui/theme.xml b/data/graphics/gui/theme.xml
index 97480dad..2dfb5a5f 100644
--- a/data/graphics/gui/theme.xml
+++ b/data/graphics/gui/theme.xml
@@ -50,7 +50,7 @@
<img src="window.png" left="4" right="4" top="4" bottom="4" fill="repeat" />
</state>
</skin>
- <skin type="ResizeGrip" padding="2">
+ <skin type="ResizeGrip" padding="3">
<state>
<img src="resize.png" />
</state>
@@ -91,38 +91,38 @@
<img src="tab.png" left="10" right="10" top="14" bottom="2" />
</state>
</skin>
- <skin type="CheckBox">
+ <skin type="CheckBox" padding="3" spacing="4">
<state disabled="true" selected="true">
- <img src="checkbox.png" x="27" y="0" width="9" height="10" offsetX="2" offsetY="2" />
+ <img src="checkbox.png" x="27" y="0" width="9" height="10" offsetX="2" offsetY="5" />
</state>
<state disabled="true">
- <img src="checkbox.png" x="18" y="0" width="9" height="10" offsetX="2" offsetY="2" />
+ <img src="checkbox.png" x="18" y="0" width="9" height="10" offsetX="2" offsetY="5" />
</state>
<state selected="true" hovered="true">
- <img src="checkbox.png" x="45" y="0" width="9" height="10" offsetX="2" offsetY="2" />
+ <img src="checkbox.png" x="45" y="0" width="9" height="10" offsetX="2" offsetY="5" />
</state>
<state hovered="true">
- <img src="checkbox.png" x="36" y="0" width="9" height="10" offsetX="2" offsetY="2" />
+ <img src="checkbox.png" x="36" y="0" width="9" height="10" offsetX="2" offsetY="5" />
</state>
<state selected="true">
- <img src="checkbox.png" x="9" y="0" width="9" height="10" offsetX="2" offsetY="2" />
+ <img src="checkbox.png" x="9" y="0" width="9" height="10" offsetX="2" offsetY="5" />
</state>
<state>
- <img src="checkbox.png" x="0" y="0" width="9" height="10" offsetX="2" offsetY="2" />
+ <img src="checkbox.png" x="0" y="0" width="9" height="10" offsetX="2" offsetY="5" />
</state>
</skin>
- <skin type="RadioButton">
+ <skin type="RadioButton" padding="3" spacing="4">
<state hovered="true" selected="true">
- <img src="radioin_highlight.png" offsetX="2" offsetY="2" />
+ <img src="radioin_highlight.png" offsetX="2" offsetY="5" />
</state>
<state hovered="true">
- <img src="radioout_highlight.png" offsetX="2" offsetY="2" />
+ <img src="radioout_highlight.png" offsetX="2" offsetY="5" />
</state>
<state selected="true">
- <img src="radioin.png" offsetX="2" offsetY="2" />
+ <img src="radioin.png" offsetX="2" offsetY="5" />
</state>
<state>
- <img src="radioout.png" offsetX="2" offsetY="2" />
+ <img src="radioout.png" offsetX="2" offsetY="5" />
</state>
</skin>
<skin type="TextField" frameSize="2" padding="2">
@@ -186,7 +186,7 @@
<img src="vscroll_grey.png" left="4" right="4" top="4" bottom="4" fill="repeat" />
</state>
</skin>
- <skin type="Slider">
+ <skin type="Slider" padding="4">
<state hovered="true">
<img src="slider_hilight.png" height="6" left="4" right="4" top="6" offsetY="4" />
</state>