@@ -16,16 +16,14 @@
17import QtQuick 2.4
17import QtQuick 2.4
18import Ubuntu.Components 1.3
18import Ubuntu.Components 1.3
19−import Ubuntu.Components.ListItems 1.3 as ListItems
20import Unity.Launcher 0.1
19import Unity.Launcher 0.1
21import Ubuntu.Components.Popups 1.3
20import Ubuntu.Components.Popups 1.3
22−import GlobalShortcut 1.0
23import "../Components/ListItems"
21import "../Components/ListItems"
24import "../Components/"
22import "../Components/"
26Rectangle {
24Rectangle {
28− color: "#E0292929"
26+ color: "#F2111111"
30 rotation: inverted ? 180 : 0
28 rotation: inverted ? 180 : 0
@@ -634,9 +632,10 @@ Rectangle {
634 id: quickListShape
632 id: quickListShape
635 objectName: "quickListShape"
633 objectName: "quickListShape"
636 anchors.fill: quickList
634 anchors.fill: quickList
637− opacity: quickList.state === "open" ? 0.8 : 0
635+ opacity: quickList.state === "open" ? 0.95 : 0
638 visible: opacity > 0
636 visible: opacity > 0
639 rotation: root.rotation
637 rotation: root.rotation
638+ aspect: UbuntuShape.Flat
641 Behavior on opacity {
640 Behavior on opacity {
642 UbuntuNumberAnimation {}
641 UbuntuNumberAnimation {}
@@ -697,7 +696,7 @@ Rectangle {
697 Rectangle {
696 Rectangle {
698 id: quickList
697 id: quickList
699 objectName: "quickList"
698 objectName: "quickList"
700− color: "#f5f5f5"
699+ color: theme.palette.normal.background
701 // Because we're setting left/right anchors depending on orientation, it will break the
700 // Because we're setting left/right anchors depending on orientation, it will break the
702 // width setting after rotating twice. This makes sure we also re-apply width on rotation
701 // width setting after rotating twice. This makes sure we also re-apply width on rotation
703 width: root.inverted ? units.gu(30) : units.gu(30)
702 width: root.inverted ? units.gu(30) : units.gu(30)
@@ -768,14 +767,10 @@ Rectangle {
768 quickList.state = "open";
767 quickList.state = "open";
771− StyledItem {
770+ Item {
772 width: parent.width
771 width: parent.width
773 height: quickListColumn.height
772 height: quickListColumn.height
775− theme: ThemeSettings {
776− name: "Ubuntu.Components.Themes.Ambiance"
780 id: quickListColumn
775 id: quickListColumn
781 width: parent.width
776 width: parent.width
@@ -785,11 +780,28 @@ Rectangle {
785 id: popoverRepeater
780 id: popoverRepeater
786 model: quickList.model
781 model: quickList.model
788− ListItems.Standard {
783+ ListItem {
789 objectName: "quickListEntry" + index
784 objectName: "quickListEntry" + index
790− text: (model.clickable ? "" : "<b>") + model.label + (model.clickable ? "" : "</b>")
791− highlightWhenPressed: model.clickable
792 selected: index === quickList.selectedIndex
785 selected: index === quickList.selectedIndex
786+ height: label.implicitHeight + label.anchors.topMargin + label.anchors.bottomMargin
787+ color: model.clickable ? (selected ? theme.palette.highlighted.background : "transparent") : theme.palette.disabled.background
788+ highlightColor: !model.clickable ? quickList.color : undefined // make disabled items visually unclickable
789+ divider.colorFrom: UbuntuColors.inkstone
790+ divider.colorTo: UbuntuColors.inkstone
794+ anchors.fill: parent
795+ anchors.leftMargin: units.gu(3) // 2 GU for checkmark, 3 GU total
796+ anchors.rightMargin: units.gu(2)
797+ anchors.topMargin: units.gu(2)
798+ anchors.bottomMargin: units.gu(2)
799+ verticalAlignment: Label.AlignVCenter
801+ fontSize: index == 0 ? "medium" : "small"
802+ font.weight: index == 0 ? Font.Medium : Font.Light
803+ color: model.clickable ? theme.palette.normal.backgroundText : theme.palette.disabled.backgroundText
794 onClicked: {
806 onClicked: {
795 if (!model.clickable) {
807 if (!model.clickable) {