Initial commit

ii/modules/sidebarLeft/translator/LanguageSelectorButton.qml

@@ -0,0 +1,41 @@
+import qs
+import qs.services
+import qs.modules.common
+import qs.modules.common.widgets
+import qs.modules.common.functions
+import QtQuick
+import QtQuick.Layouts
+
+RippleButton {
+    id: root
+    property string displayText: ""
+    colBackground: Appearance.colors.colLayer2
+
+    implicitWidth: contentItem.implicitWidth + horizontalPadding * 2
+    implicitHeight: contentItem.implicitHeight + verticalPadding * 2
+
+    contentItem: Item {
+        anchors.centerIn: parent
+        implicitWidth: languageRow.implicitWidth
+        implicitHeight: languageText.implicitHeight
+        RowLayout {
+            id: languageRow
+            anchors.centerIn: parent
+            spacing: 0
+            StyledText {
+                id: languageText
+                Layout.alignment: Qt.AlignVCenter
+                Layout.leftMargin: 5
+                text: root.displayText
+                color: Appearance.colors.colOnLayer2
+                font.pixelSize: Appearance.font.pixelSize.small
+            }
+            MaterialSymbol {
+                Layout.alignment: Qt.AlignVCenter
+                iconSize: Appearance.font.pixelSize.hugeass
+                text: "arrow_drop_down"
+                color: Appearance.colors.colOnLayer2
+            }
+        }
+    }
+}