Add support for unlocking with Touch ID (#423)

* Enhance installation guide in README

* Add TouchID unlock for Ferdi Lock

* Remove commit 8861014 as it is not related to this feature

This reverts commit 88610144b942739772286ec3073b328e829a8b39.

* Rename TouchID to "Touch ID"

* Improve Touch ID prompt text

* Improve unlocking with Touch ID

* Fix lint

* Add separator after lock-related menu entry

Co-authored-by: Amine <amine@mouafik.fr>

1 files changed, 31 insertions, 0 deletions

diff --git a/src/styles/auth.scss b/src/styles/auth.scss
index 44c752677..b40ed971d 100644
--- a/src/styles/auth.scss
+++ b/src/styles/auth.scss
@@ -24,6 +24,15 @@
 
     a { color: $dark-theme-gray-lightest; }
   }
+
+  .locked__or_line {
+    border-top: 2px solid $dark-theme-text-color;
+    color: $dark-theme-text-color;
+
+    &:after {
+      background: $dark-theme-gray-darker;
+    }
+  }
 }
 
 .auth {
@@ -76,6 +85,28 @@
     &.auth__button--skip { margin: 10px auto 0; }
   }
 
+  .touchid__button {
+    margin-bottom: 25px;
+  }
+
+  .locked__or_line {
+    border: none;
+    border-top: 2px solid $theme-gray;
+    color: $theme-gray;
+    overflow: visible;
+    text-align: center;
+    height: 5px;
+    margin-bottom: 20px;
+
+    &:after {
+        background: #FFF;
+        content: 'or';
+        padding: 0 10px;
+        position: relative;
+        top: -9px;
+    }
+  }
+
   .auth__links {
     background: $theme-gray-lighter;
     border-bottom-left-radius: $theme-border-radius;