qml: Add a neutral background for SpaceKey

maliit · Apr 7, 2022 · 22e9a94 · 22e9a94
1 parent 9973db9
commit 22e9a94
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/qml/keys/SpaceKey.qml b/qml/keys/SpaceKey.qml
@@ -16,8 +16,8 @@
 
 import QtQuick 2.4
 
-import QtQuick.Controls 2.1
-
+import QtQuick.Controls 2.12
+import QtQuick.Window 2.12
 import MaliitKeyboard 2.0
 
 import "languages.js" as Languages
@@ -31,10 +31,18 @@ ActionKey {
 
     overridePressArea: true
 
+    Rectangle {
+        anchors.margins: 8
+        anchors.fill: parent
+        color: "#888888"
+        radius: 8 / Screen.devicePixelRatio
+        opacity: spaceKey.currentlyPressed ? 0.0 : 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