@@ -14,9 +14,9 @@
1414 * along with this program. If not, see <http://www.gnu.org/licenses/>.
1515 */
1616
17−import QtQuick 2.0
18−import Ubuntu.Components 0.1
19−import Ubuntu.Components.ListItems 0.1 as ListItems
17+import QtQuick 2.3
18+import Ubuntu.Components 1.1
19+import Ubuntu.Components.ListItems 1.0 as ListItems
2020import Unity.Launcher 0.1
2121import Ubuntu.Components.Popups 0.1
2222import "../Components/ListItems"
@@ -483,7 +483,7 @@ Rectangle {
483483 id: quickListShape
484484 objectName: "quickListShape"
485485 anchors.fill: quickList
486− opacity: quickList.state === "open" ? 0.8 : 0
486+ opacity: quickList.state === "open" ? 0.95 : 0
487487 visible: opacity > 0
488488 rotation: root.rotation
489489
@@ -495,15 +495,15 @@ Rectangle {
495495
496496 Image {
497497 anchors {
498− right: parent.left
499− rightMargin: -units.dp(4)
498+ left: parent.left
499+ leftMargin: (quickList.item.width - units.gu(1)) / 2 - width / 2
500500 verticalCenter: parent.verticalCenter
501− verticalCenterOffset: -quickList.offset
501+ verticalCenterOffset: (parent.height / 2 + units.dp(3)) * (quickList.offset > 0 ? 1 : -1)
502502 }
503503 height: units.gu(1)
504504 width: units.gu(2)
505505 source: "graphics/quicklist_tooltip.png"
506− rotation: 90
506+ rotation: quickList.offset > 0 ? 0 : 180
507507 }
508508
509509 InverseMouseArea {
@@ -519,16 +519,16 @@ Rectangle {
519519 Rectangle {
520520 id: quickList
521521 objectName: "quickList"
522− color: "#221e1c"
522+ color: "#f5f5f5"
523523 width: units.gu(30)
524524 height: quickListColumn.height
525525 visible: quickListShape.visible
526526 anchors {
527− left: root.inverted ? undefined : parent.right
528− right: root.inverted ? parent.left : undefined
527+ left: root.inverted ? undefined : parent.left
528+ right: root.inverted ? parent.right : undefined
529529 margins: units.gu(1)
530530 }
531− y: itemCenter - (height / 2) + offset
531+ y: itemCenter + offset
532532 rotation: root.rotation
533533
534534 property var model
@@ -537,8 +537,9 @@ Rectangle {
537537
538538 // internal
539539 property int itemCenter: item ? root.mapFromItem(quickList.item).y + (item.height / 2) : units.gu(1)
540− property int offset: itemCenter + (height/2) + units.gu(1) > parent.height ? -itemCenter - (height/2) - units.gu(1) + parent.height :
541− itemCenter - (height/2) < units.gu(1) ? (height/2) - itemCenter + units.gu(1) : 0
540+ property int offset: itemCenter + (item.height/2) + height + units.gu(1) > parent.height ?
541+ -(item.height/2) - height - units.gu(.5) :
542+ (item.height/2) + units.gu(.5)
542543
543544 Column {
544545 id: quickListColumn
@@ -554,11 +555,6 @@ Rectangle {
554555 text: (model.clickable ? "" : "<b>") + model.label + (model.clickable ? "" : "</b>")
555556 highlightWhenPressed: model.clickable
556557
557− // FIXME: This is a workaround for the theme not being context sensitive. I.e. the
558− // ListItems don't know that they are sitting in a themed Popover where the color
559− // needs to be inverted.
560− __foregroundColor: Theme.palette.selected.backgroundText
561−
562558 onClicked: {
563559 if (!model.clickable) {
564560 return;