Commit bdf3d566 authored by Ronan Abhamon's avatar Ronan Abhamon

feat(ui/modules/Linphone/TelKeypad/TelKeypadButton): add a line below each button

parent e56412e9
...@@ -18,9 +18,18 @@ QtObject { ...@@ -18,9 +18,18 @@ QtObject {
property color pressed: Colors.i property color pressed: Colors.i
} }
property QtObject line: QtObject {
property color color: Colors.l50
property int bottomMargin: 4
property int height: 2
property int leftMargin: 8
property int rightMargin: 8
property int topMargin: 0
}
property QtObject text: QtObject { property QtObject text: QtObject {
property color color: Colors.d property color color: Colors.d
property int fontSize: 10 property int fontSize: 11
} }
} }
} }
import QtQuick 2.7 import QtQuick 2.7
import QtQuick.Controls 2.0 import QtQuick.Layouts 1.3
import Linphone.Styles 1.0 import Linphone.Styles 1.0
...@@ -16,30 +16,44 @@ Item { ...@@ -16,30 +16,44 @@ Item {
// --------------------------------------------------------------------------- // ---------------------------------------------------------------------------
Button { Rectangle {
anchors.fill: parent anchors.fill: parent
background: Rectangle {
color: button.color color: button.color
}
contentItem: Text { ColumnLayout {
anchors.fill: parent
spacing: 0
Text {
Layout.fillHeight: true
Layout.fillWidth: true
color: TelKeypadStyle.button.text.color color: TelKeypadStyle.button.text.color
elide: Text.ElideRight
font { font {
bold: true bold: true
pointSize: TelKeypadStyle.button.text.fontSize pointSize: TelKeypadStyle.button.text.fontSize
} }
elide: Text.ElideRight
text: button.text text: button.text
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
} }
hoverEnabled: true Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: TelKeypadStyle.button.line.height
Layout.bottomMargin: TelKeypadStyle.button.line.bottomMargin
Layout.leftMargin: TelKeypadStyle.button.line.leftMargin
Layout.rightMargin: TelKeypadStyle.button.line.rightMargin
Layout.topMargin: TelKeypadStyle.button.line.topMargin
onClicked: button.clicked() color: TelKeypadStyle.button.line.color
}
}
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment