Media spoiler hint

kutegram · Nov 8, 2023 · b305be9 · b305be9
1 parent 0eb1d10
commit b305be9
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 8 deletions.
diff --git a/qml/control/ImageViewer.qml b/qml/control/ImageViewer.qml
@@ -297,7 +297,7 @@ Item {
         anchors.centerIn: bottomCenterRect
         text: scalingAnimated + "%"
         color: "white"
-        font.pixelSize: 14 * kgScaling
+        font.pixelSize: 13 * kgScaling
     }
 }
 
diff --git a/qml/message/MessageDocument.qml b/qml/message/MessageDocument.qml
@@ -173,6 +173,15 @@ Rectangle {
         visible: mediaSpoiler
         anchors.fill: parent
         color: "gray"
+
+        Text {
+            anchors.fill: parent
+            verticalAlignment: Text.AlignVCenter
+            horizontalAlignment: Text.AlignHCenter
+            font.pixelSize: 13 * kgScaling
+            color: "white"
+            text: "Media is hidden.\nClick to reveal."
+        }
     }
 
     MouseArea {

diff --git a/qml/message/MessageImage.qml b/qml/message/MessageImage.qml
@@ -11,6 +11,22 @@ Image {
 
     //TODO loading spinner
 
+    Rectangle {
+        id: spoilerRect
+        visible: photoSpoiler
+        anchors.fill: parent
+        color: "gray"
+
+        Text {
+            anchors.fill: parent
+            verticalAlignment: Text.AlignVCenter
+            horizontalAlignment: Text.AlignHCenter
+            font.pixelSize: 13 * kgScaling
+            color: "white"
+            text: "Media is hidden.\nClick to reveal."
+        }
+    }
+
     Image {
         id: checkbox
         //TODO: adaptive color
@@ -23,13 +39,6 @@ Image {
         asynchronous: true
     }
 
-    Rectangle {
-        id: spoilerRect
-        visible: photoSpoiler
-        anchors.fill: parent
-        color: "gray"
-    }
-
     MouseArea {
         anchors.fill: parent
         onClicked: {