qml: Add a neutral background for SpaceKey

maliit · Mar 18, 2022 · ba230ad · ba230ad
1 parent 7832f7d
commit ba230ad
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/qml/keys/SpaceKey.qml b/qml/keys/SpaceKey.qml
@@ -16,7 +16,7 @@
 
 import QtQuick 2.4
 
-import QtQuick.Controls 2.1
+import QtQuick.Controls 2.12
 
 import MaliitKeyboard 2.0
 
@@ -31,10 +31,20 @@ ActionKey {
 
     overridePressArea: true
 
+    Rectangle {
+        anchors.margins: 8
+        anchors.bottomMargin: 16
+        anchors.fill: parent
+        color: "#888888"
+        radius: 8
+        opacity: 0.25
+    }
+
     Label {
         anchors.centerIn: parent
         anchors.verticalCenterOffset: -parent.rowMargin / 2 - Device.gu(0.15)
         font.weight: Font.Light
+        opacity: 0.6
         font.pixelSize: parent.fontSize * 0.6
         text: Languages.languageIdToName(maliit_input_method.activeLanguage)
         horizontalAlignment: Text.AlignHCenter