QML UI: make all buttons more attractive

Commit f3f7930 introduced a more attractive button style to the start page.
This patch turns it into its own type so it can easily be used everywhere.

Signed-off-by: Rick Walsh <rickmwalsh@gmail.com>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Rick Walsh 2016-01-20 22:47:58 +11:00 committed by Dirk Hohndel
parent f3f79309d3
commit 471270437b
8 changed files with 40 additions and 31 deletions

View file

@ -0,0 +1,26 @@
import QtQuick 2.5
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
Button {
style: ButtonStyle {
padding {
top: MobileComponents.Units.smallSpacing
left: MobileComponents.Units.smallSpacing * 2
right: MobileComponents.Units.smallSpacing * 2
bottom: MobileComponents.Units.smallSpacing
}
background: Rectangle {
border.width: 1
radius: height / 3
color: control.pressed ? subsurfaceTheme.shadedColor : subsurfaceTheme.accentColor
}
label: Text{
text: control.text
color: subsurfaceTheme.accentTextColor
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter
}
}
}