← 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/BaseLayoutMenu.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/BaseLayoutMenu.qml
29
29
    property alias summary: layoutItem.summary
30
30
    property alias slots: layoutItem.children
31
31
 
32
 
    // These fields are for retro-compatibility with ListItem.Empty based MenuItems
33
 
    property alias trailingComponent: trailingComponentLoader.sourceComponent
34
 
    property alias trailingComponentItem: trailingComponentLoader.item
35
 
    property alias component: menu.trailingComponent
36
 
 
37
 
    implicitHeight: layoutItem.height + (divider.visible ? divider.height : 0)
 
32
    menuHeight: layoutItem.height
38
33
 
39
34
    ListItemLayout {
40
35
        id: layoutItem
41
36
        objectName: "menuLayoutItem"
42
37
        title.text: menu.text
43
38
        title.color: menu.foregroundColor
 
39
        title.font.pixelSize: menuStyle.fontSize
44
40
 
45
 
        Loader {
46
 
            id: trailingComponentLoader
47
 
            asynchronous: false
48
 
            visible: status == Loader.Ready
49
 
            SlotsLayout.position: SlotsLayout.Trailing
 
41
        padding {
 
42
            top: menuStyle.padding.top
 
43
            bottom: menuStyle.padding.bottom
 
44
            leading: menuStyle.padding.leading
 
45
            trailing: menuStyle.padding.trailing
50
46
        }
51
47
    }
52
48
}