← 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/MediaPlayerMenu.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/MediaPlayerMenu.qml
34
34
    property string album
35
35
 
36
36
    highlightWhenPressed: false
37
 
    implicitHeight: (albumLayout.visible ? albumLayout.height : layout.height) + (divider.visible ? divider.height : 0)
38
 
    Behavior on implicitHeight { UbuntuNumberAnimation {} }
 
37
    menuHeight: albumLayout.visible ? albumLayout.height : layout.height
 
38
    Behavior on menuHeight { UbuntuNumberAnimation {} }
39
39
 
40
40
    layout.visible: !albumLayout.visible
41
41
    layout.objectName: "player"
42
42
 
43
43
    slots: Image {
44
44
        id: playerIcon
45
 
        height: units.gu(5)
 
45
        height: menuStyle.avatarSize
46
46
        width: height
47
47
        SlotsLayout.position: SlotsLayout.Leading
48
48
    }
51
51
        id: albumLayout
52
52
        objectName: "albumArt"
53
53
        visible: showTrack
 
54
 
 
55
        padding {
 
56
            top: menuStyle.padding.top
 
57
            bottom: menuStyle.padding.bottom
 
58
            leading: menuStyle.padding.leading
 
59
            trailing: menuStyle.padding.trailing
 
60
        }
 
61
 
54
62
        title.text: menu.song
 
63
        title.font.pixelSize: menuStyle.fontSize
 
64
        title.color: menu.foregroundColor
55
65
        subtitle.text: menu.artist
 
66
        subtitle.color: menu.foregroundColor
 
67
        subtitle.font.pixelSize: menuStyle.fontSize
56
68
        summary.text: menu.album
 
69
        summary.font.pixelSize: menuStyle.subtitleFontSize
57
70
 
58
71
        UbuntuShape {
59
 
            width: units.gu(8)
 
72
            width: units.gu(7)
60
73
            height: width
61
74
            SlotsLayout.position: SlotsLayout.Leading
62
75