@@ -518,7 +518,7 @@ Rectangle {
518518 id: quickListShape
519519 objectName: "quickListShape"
520520 anchors.fill: quickList
521− opacity: quickList.state === "open" ? 0.96 : 0
521+ opacity: quickList.state === "open" ? 0.8 : 0
522522 visible: opacity > 0
523523 rotation: root.rotation
524524
@@ -530,15 +530,15 @@ Rectangle {
530530
531531 Image {
532532 anchors {
533− left: parent.left
534− leftMargin: (quickList.item.width - units.gu(1)) / 2 - width / 2
533+ right: parent.left
534+ rightMargin: -units.dp(4)
535535 verticalCenter: parent.verticalCenter
536− verticalCenterOffset: (parent.height / 2 + units.dp(3)) * (quickList.offset > 0 ? 1 : -1) * (root.inverted ? 1 : -1)
536+ verticalCenterOffset: -quickList.offset * (root.inverted ? 1 : -1)
537537 }
538538 height: units.gu(1)
539539 width: units.gu(2)
540540 source: "graphics/quicklist_tooltip.png"
541− rotation: (quickList.offset > 0 ? 0 : 180) + (root.inverted ? 0 : 180)
541+ rotation: root.inverted ? 90 : 270
542542 }
543543
544544 InverseMouseArea {
@@ -554,18 +554,18 @@ Rectangle {
554554 Rectangle {
555555 id: quickList
556556 objectName: "quickList"
557− color: "#f5f5f5"
557+ color: "#221e1c"
558558 // Because we're setting left/right anchors depending on orientation, it will break the
559559 // width setting after rotating twice. This makes sure we also re-apply width on rotation
560560 width: root.inverted ? units.gu(30) : units.gu(30)
561561 height: quickListColumn.height
562562 visible: quickListShape.visible
563563 anchors {
564− left: root.inverted ? undefined : parent.left
565− right: root.inverted ? parent.right : undefined
564+ left: root.inverted ? undefined : parent.right
565+ right: root.inverted ? parent.left : undefined
566566 margins: units.gu(1)
567567 }
568− y: itemCenter + offset
568+ y: itemCenter - (height / 2) + offset
569569 rotation: root.rotation
570570
571571 property var model
@@ -574,9 +574,8 @@ Rectangle {
574574
575575 // internal
576576 property int itemCenter: item ? root.mapFromItem(quickList.item).y + (item.height / 2) : units.gu(1)
577− property int offset: itemCenter + (item.height/2) + height + units.gu(1) > parent.height ?
578− -(item.height/2) - height - units.gu(.5) :
579− (item.height/2) + units.gu(.5)
577+ property int offset: itemCenter + (height/2) + units.gu(1) > parent.height ? -itemCenter - (height/2) - units.gu(1) + parent.height :
578+ itemCenter - (height/2) < units.gu(1) ? (height/2) - itemCenter + units.gu(1) : 0
580579
581580 Column {
582581 id: quickListColumn
@@ -595,7 +594,7 @@ Rectangle {
595594 // FIXME: This is a workaround for the theme not being context sensitive. I.e. the
596595 // ListItems don't know that they are sitting in a themed Popover where the color
597596 // needs to be inverted.
598− __foregroundColor: "black"
597+ __foregroundColor: Theme.palette.selected.backgroundText
599598
600599 onClicked: {
601600 if (!model.clickable) {