PrefsComboBoxLabel added and someminor fix

Author: adesh777

Diff for: common/PrefsComboBox.qml

@@ -3,12 +3,12 @@ import QtQuick.Controls 2.0
 import QtQuick.Layouts 1.3
 ComboBox {
     id: root
-    property color checkedColor: "#1ABC9C"
+    property color checkedColor: "#dde4de"
 
     delegate:ItemDelegate {
         id:itemDelegate
-        property string iconRectColor: iconColor
-        property string iconRectIcon: iconName
+        property string iconRectColor: iconColor ? iconColor : ""
+        property string iconRectIcon: iconName ? iconName : ""
 
         width: root.width * 1.4
         height: 40
@@ -133,7 +133,7 @@ ComboBox {
                 font.weight: Font.Medium
                 verticalAlignment: Image.AlignVCenter
                 Layout.alignment: Qt.AlignVCenter
-                color: "white"
+                color: Qt.darkGray
                 elide: Text.ElideRight
                 Layout.leftMargin:iconRect.visible ? 0 : 10
             }
@@ -145,7 +145,7 @@ ComboBox {
         implicitWidth: 200
         implicitHeight: 41
         color: root.down ? Qt.darker(root.checkedColor, 1.2) : root.checkedColor
-        radius: 5
+        radius: 4
     }
 
     popup: Popup {

Diff for: common/PrefsComboBoxLabel.qml

@@ -0,0 +1,138 @@
+import QtQuick 2.9
+import QtQuick.Controls 2.0
+import QtQuick.Layouts 1.3
+ComboBox {
+    id: root
+    property color checkedColor: "#dde4de"
+
+    delegate:ItemDelegate {
+        id:itemDelegate
+        property string iconRectIcon: iconName ? iconName : ""
+
+        width: root.width * 1.4
+        height: 40
+        hoverEnabled: true
+        focus: true
+
+        background: Rectangle{
+            color: itemDelegate.hovered ? "blue" : "transparent"
+            anchors.fill: parent
+            radius: 8
+        }
+
+        RowLayout {
+            Layout.alignment: Qt.AlignVCenter
+            width: parent.width
+            height: parent.height
+            anchors.fill: parent
+            spacing: 10
+            Layout.leftMargin: 10
+            Layout.rightMargin: 10
+
+            Label {
+                opacity: 0.87
+                font.pointSize: 12
+                text: name
+                Layout.fillWidth: true
+                font.weight: Font.Medium
+                verticalAlignment: Image.AlignVCenter
+                Layout.alignment: Qt.AlignVCenter
+                color: itemDelegate.hovered ? "white" : Qt.darkGray
+                Layout.leftMargin: 10
+            }
+
+            Label {
+                opacity: 0.87
+                font.pointSize: 12
+                text: "✅"
+                visible: root.currentIndex == index
+                Layout.fillWidth: true
+                font.weight: Font.Medium
+                verticalAlignment: Image.AlignVCenter
+                horizontalAlignment: Image.AlignRight
+                Layout.alignment: Qt.AlignVCenter
+                Layout.rightMargin: 10
+            }
+        }
+
+    }
+
+    indicator: Canvas {
+        id: canvas
+        x: root.width - width - 10
+        y: (root.availableHeight - height) / 2
+        width: 12
+        height: 8
+        contextType: "2d"
+
+        Connections {
+            target: root
+            function onPressedChanged(){
+                canvas.requestPaint()
+            }
+        }
+
+        onPaint: {
+            context.reset();
+            context.moveTo(0, 0);
+            context.lineTo(width, 0);
+            context.lineTo(width / 2, height);
+            context.closePath();
+            context.fillStyle = "white"
+            context.fill();
+        }
+    }
+
+    contentItem: Item {
+        width: root.background.width - root.indicator.width - 10
+        height: root.background.height
+
+        RowLayout {
+            anchors.fill: parent
+            spacing: 10
+            Label {
+                opacity: 0.87
+                font.pointSize: 12
+                text: model.get(currentIndex).name
+                Layout.fillWidth: true
+                font.weight: Font.Medium
+                verticalAlignment: Image.AlignVCenter
+                Layout.alignment: Qt.AlignVCenter
+                color: Qt.darkGray
+                elide: Text.ElideRight
+                Layout.leftMargin: 10
+            }
+        }
+
+    }
+
+    background: Rectangle {
+        implicitWidth: 200
+        implicitHeight: 41
+        color: root.down ? Qt.darker(root.checkedColor, 1.2) : root.checkedColor
+        radius: 4
+    }
+
+    popup: Popup {
+        y: root.height - 1
+        width: root.width * 1.5
+        implicitHeight: contentItem.implicitHeight > 250 ? 250 : contentItem.implicitHeight
+        padding: 4
+        contentItem: ListView {
+            leftMargin: 5
+            implicitHeight: contentHeight
+            keyNavigationEnabled: true
+            model: root.popup.visible ? root.delegateModel : null
+            clip: true
+            focus: true
+            currentIndex: root.highlightedIndex
+        }
+
+        background: Rectangle {
+            anchors.fill: parent
+            color: "#dde4de"
+            radius: 4
+            clip: true
+        }
+    }
+}