← Back to branch summary

~ci-train-bot/ubuntu-settings-components/ubuntu-settings-components-ubuntu-zesty-2202

« back to all changes in this revision

Viewing changes to plugins/Ubuntu/Settings/Menus/SliderMenu.qml

  • Committer: Bileto Bot
  • Date: 2016-11-16 18:52:43 UTC
  • mfrom: (146.4.57 touch+pointer-styles)
  • Revision ID: ci-train-bot@canonical.com-20161116185243-o399ryjh002umz1a
* Menus: add Pointer and Touch styles to be used depending on the user
  interaction with components
  Menu items now have a new Style property that defines some common properties
  such as shared colors and sizes that change depending on the UX journey. I'm
  only defining Pointer and TouchStyles for now, but they can be easily
  overridden in case.
  Removed some deprecated properties and adapted colors and sizes to new
  style.
* Bump package version as there's a new API for various components

Show diffs side-by-side

added added

removed removed

Lines of Context:
plugins/Ubuntu/Settings/Menus/SliderMenu.qml
32
32
    property alias minIcon: leftButton.source
33
33
    property alias maxIcon: rightButton.source
34
34
 
35
 
    // These fields are for retro-compatibility with ListItem.Empty
36
 
    property string iconSource
37
 
 
38
35
    signal updated(real value)
39
36
 
40
37
    property QtObject d: QtObject {
97
94
        }
98
95
    }
99
96
 
100
 
    implicitHeight: slotsLayout.height + (divider.visible ? divider.height : 0)
 
97
    menuHeight: column.childrenRect.height + column.anchors.topMargin + column.anchors.bottomMargin
101
98
    highlightWhenPressed: false
102
99
 
103
100
    Column {
104
101
        id: column
105
102
        anchors.fill: parent
106
 
        anchors.topMargin: units.gu(0.5)
 
103
        anchors.topMargin: label.visible ? menuStyle.padding.top : 0
107
104
        spacing: -units.gu(1.5)
108
105
 
109
106
        Label {
110
107
            id: label
111
108
            visible: text != ""
 
109
            color: menu.foregroundColor
 
110
            font.pixelSize: menuStyle.fontSize
112
111
            x: Qt.application.layoutDirection == Qt.LeftToRight ?
113
112
                    leftButton.x : rightButton.x + rightButton.width - width
114
113
        }
115
114
 
116
 
        SlotsLayout {
 
115
        StyledSlotsLayout {
117
116
            id: slotsLayout
118
117
            objectName: "sliderMenuSlotsLayout"
 
118
            style: menuStyle
119
119
 
120
120
            mainSlot: Slider {
121
121
                id: slider
154
154
                id: leftButton
155
155
                objectName: "leftButton"
156
156
                visible: source !== ""
157
 
                height: slider.height - units.gu(2)
 
157
                height: menuStyle.iconSize
158
158
                width: height
159
 
                color: theme.palette.normal.backgroundText
 
159
                color: menuStyle.iconColor
160
160
 
161
161
                AbstractButton {
162
162
                    anchors.fill: parent
172
172
                id: rightButton
173
173
                objectName: "rightButton"
174
174
                visible: source !== ""
175
 
                height: slider.height - units.gu(2)
 
175
                height: menuStyle.iconSize
176
176
                width: height
177
 
                color: theme.palette.normal.backgroundText
 
177
                color: menuStyle.iconColor
178
178
 
179
179
                AbstractButton {
180
180
                    anchors.fill: parent
181
 
                    onClicked: slider.value =  slider.maximumValue
 
181
                    onClicked: slider.value = slider.maximumValue
182
182
                }
183
183
 
184
184
                SlotsLayout.position: SlotsLayout.Trailing