From c6e7ad0c9d529f3d6f55d77f90ae7a2aa17627a5 Mon Sep 17 00:00:00 2001
From: Slava Monich <slava@monich.com>
Date: Sat, 18 Jun 2022 19:49:49 +0300
Subject: [PATCH] [foilpics] Tweaking password entry UI

---
 foil-ui               |  2 +-
 qml/EncryptedPage.qml | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/foil-ui b/foil-ui
index b9b89f8..c366cd8 160000
--- a/foil-ui
+++ b/foil-ui
@@ -1 +1 @@
-Subproject commit b9b89f8a566806f11893d88a296b55c693c9a523
+Subproject commit c366cd8705c826dfaf9f6d9c6a63ddfe140eb323
diff --git a/qml/EncryptedPage.qml b/qml/EncryptedPage.qml
index 85f2496..784938c 100644
--- a/qml/EncryptedPage.qml
+++ b/qml/EncryptedPage.qml
@@ -21,6 +21,10 @@ Page {
         (nextPage && parent && nextPage.parent !== parent.attachedContainer)
     readonly property real screenHeight: isPortrait ? Screen.height : Screen.width
 
+    // Otherwise width is changing with a delay, which may cause weird layout
+    // adjustments when on-screen keyboard is visible
+    onIsLandscapeChanged: width = isLandscape ? Screen.height : Screen.width
+
     function getFoilUi() {
         if (!foilUi) {
             foilUi = foilUiComponent.createObject(thisPage)
@@ -32,11 +36,6 @@ Page {
         id: foilUiComponent
 
         QtObject {
-            readonly property real opacityFaint: 0.2
-            readonly property real opacityLow: 0.4
-            readonly property real opacityHigh: 0.6
-            readonly property real opacityOverlay: 0.8
-
             readonly property var settings: FoilPicsSettings
             readonly property bool otherFoilAppsInstalled: FoilPics.otherFoilAppsInstalled
             function isLockedState(foilState) {
@@ -247,7 +246,7 @@ Page {
                         Rectangle {
                             id: circle
 
-                            width: Theme.itemSizeHuge
+                            width: isPortrait ? Theme.itemSizeHuge : Theme.itemSizeExtraLarge
                             height: width
                             color: Theme.rgba(Theme.primaryColor, 0.08)
                             radius: width/2