Unverified Commit 77195601 authored by goldsteinsveta's avatar goldsteinsveta Committed by GitHub
Browse files

style: revamp / mop up ui (#619)



* style: navigation bar bg color

* feat: component QrTab

* rename: QrTab > QrScannerTab

* style: networkCard icons

* fix: tsc declare 'react-native-navbar-color'

* style: ButtonNewDerivation

* style: pink everything derivation + refactor components

* refactor: colors

* style: identitiesSwitch

* font: RobotoMono-Medium

* refactor: ButtonMainAction

* style: nits

* fix image names

* add images in ios

* add font in ios

* ignore yellowbox in e2e local test

* fix header styling

* style: nits

* style: removes gap between PathsList view and ButtonNewDerivation

* style: ButtonNewDerivation nits

* move qrscanner to the bottom of the screen

* style and typo: nits

* style: color coding as in polkadotjs apps and polkascan

* style: contrast ratios

* style: derivations

headings, gaps between groups

* style: nit

* style: signedMessage

* reorder styles

* change opacity of white color

* fix button styles

* use scroll container

* fix: borked button

* style: lighter white-gray

* style: column buttons

to be safe at small devices

* style: compact seed input

* style: nits

* fix: typo

* fix: blurry pixels

* fix: app bg mismatch

* style: center small lock

* style: shadow

* set pin input to vertical center

* remove unused component

* align button styles for android and ios

* add extra padding for identities switch icon make it easier for tap

* style: signed extrinsic/tx

same as the new signed msg

* style: QR first signing screens
Co-authored-by: Hanwen Cheng's avatarHanwen Cheng <heawen.cheng@gmail.com>
parent b8915117
Pipeline #94953 failed with stages
in 52 seconds
......@@ -202,6 +202,7 @@ android {
}
dependencies {
implementation project(':react-native-navbar-color')
implementation fileTree(dir: "libs", include: ["*.jar"])
implementation "com.facebook.react:react-native:+"
......
......@@ -3,6 +3,7 @@ package io.parity.signer;
import android.app.Application;
import com.facebook.react.ReactApplication;
import com.bhavan.RNNavBarColor.RNNavBarColor;
import com.facebook.react.PackageList;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
......
rootProject.name = 'Parity Signer'
include ':react-native-navbar-color'
project(':react-native-navbar-color').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navbar-color/android')
apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
include ':app'
......@@ -26,6 +26,7 @@
423E02567C044AF6832B2388 /* Roboto-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 53880E8FF84C419EB11ACA5C /* Roboto-Light.ttf */; };
5DC40D98E51D492C8FF692B5 /* Manifold-CF-Light.otf in Resources */ = {isa = PBXBuildFile; fileRef = 31AAF2CB51C04377BFC79634 /* Manifold-CF-Light.otf */; };
6701864923270B1100A14061 /* assets in Resources */ = {isa = PBXBuildFile; fileRef = 6701864823270B1100A14061 /* assets */; };
6779B94524741C7F00DFEFA9 /* RobotoMono-Medium.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 6779B93E24741C7F00DFEFA9 /* RobotoMono-Medium.ttf */; };
67E3BED3237C17A6007882FA /* RobotoMono-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 67E3BEA2237C17A6007882FA /* RobotoMono-Regular.ttf */; };
77AE2A2069B847F9B7EB4854 /* Manifold-CF.otf in Resources */ = {isa = PBXBuildFile; fileRef = 2EC5DDFE054D4A68B1B7D900 /* Manifold-CF.otf */; };
7A7137D6EEDE40C184F30C15 /* Roboto-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 5CD421FF72D947B0AA9EBABB /* Roboto-Regular.ttf */; };
......@@ -134,6 +135,7 @@
624E6C0FF4A64A97A7D51BEF /* Manifold-CF-Bold.otf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "Manifold-CF-Bold.otf"; path = "../res/fonts/Manifold-CF-Bold.otf"; sourceTree = "<group>"; };
6701864823270B1100A14061 /* assets */ = {isa = PBXFileReference; lastKnownFileType = folder; path = assets; sourceTree = "<group>"; };
671B818C2416E17100632516 /* libDoubleConversion.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; path = libDoubleConversion.a; sourceTree = BUILT_PRODUCTS_DIR; };
6779B93E24741C7F00DFEFA9 /* RobotoMono-Medium.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "RobotoMono-Medium.ttf"; sourceTree = "<group>"; };
67E3BEA2237C17A6007882FA /* RobotoMono-Regular.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "RobotoMono-Regular.ttf"; sourceTree = "<group>"; };
6A7AB3BD3C1A4E0EB3C4B3B6 /* Entypo.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Entypo.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = "<group>"; };
6C53A63D96B24FDD95AF1C97 /* Fontisto.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Fontisto.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Fontisto.ttf"; sourceTree = "<group>"; };
......@@ -264,6 +266,7 @@
isa = PBXGroup;
children = (
EA252ACE6F044BD88BDCD173 /* Roboto-Black.ttf */,
6779B93E24741C7F00DFEFA9 /* RobotoMono-Medium.ttf */,
183C9D1307934735A4129705 /* Roboto-BlackItalic.ttf */,
D592A5F1000548E09C637958 /* Roboto-Bold.ttf */,
0A3530DA239B43579EF02112 /* Roboto-BoldItalic.ttf */,
......@@ -524,6 +527,7 @@
EDCE1EC0CA1249279F03F2E2 /* Roboto-Medium.ttf in Resources */,
A6DE194CA1E344F6B2BBDD09 /* Roboto-MediumItalic.ttf in Resources */,
7A7137D6EEDE40C184F30C15 /* Roboto-Regular.ttf in Resources */,
6779B94524741C7F00DFEFA9 /* RobotoMono-Medium.ttf in Resources */,
16614F66487241CE933918B8 /* Roboto-Thin.ttf in Resources */,
0CFC8839F5B54F888E6C01DE /* Roboto-ThinItalic.ttf in Resources */,
67E3BED3237C17A6007882FA /* RobotoMono-Regular.ttf in Resources */,
......
......@@ -44,6 +44,7 @@
<key>UIAppFonts</key>
<array>
<string>RobotoMono-Regular.ttf</string>
<string>RobotoMono-Medium.ttf</string>
<string>Roboto-Black.ttf</string>
<string>Roboto-BlackItalic.ttf</string>
<string>Roboto-Bold.ttf</string>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment