← 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/ButtonMenu.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/ButtonMenu.qml
22
22
 
23
23
StandardMenu {
24
24
    id: menu
25
 
    property alias buttonText: button.text
 
25
    property alias buttonText: buttonLabel.text
 
26
    signal buttonClicked()
26
27
 
27
28
    slots: [
28
29
        Button {
29
 
            id: button
30
30
            objectName: "button"
31
 
            width: Math.max(units.gu(5), implicitWidth)
32
 
 
33
 
            onClicked: menu.clicked()
 
31
            color: menuStyle.buttonColor
 
32
            width: Math.max(units.gu(menu.pointerMode ? 5 : 8), buttonLabel.paintedWidth + units.gu(4))
 
33
            height: menuStyle.buttonHeight
 
34
 
 
35
            Label {
 
36
                id: buttonLabel
 
37
                font.pixelSize: menuStyle.buttonFontSize
 
38
                color: theme.palette.normal.foregroundText
 
39
                anchors.centerIn: parent
 
40
                scale: parent.pressed ? 0.98 : 1
 
41
            }
 
42
 
 
43
            onClicked: {
 
44
                menu.buttonClicked()
 
45
                menu.clicked()
 
46
            }
34
47
        }
35
48
    ]
36
49
}