fix(human-pose-viewer): center human on mobile

sign · Oct 18, 2023 · 218a078 · 218a078
1 parent 147df6b
commit 218a078
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 26 deletions.
diff --git a/functions/package.json b/functions/package.json
@@ -33,11 +33,11 @@
   "devDependencies": {
     "@firebase/firestore-types": "^3.0.0",
     "@firebase/rules-unit-testing": "^3.0.1",
-    "@types/http-errors": "^2.0.2",
-    "@types/jest": "29.5.5",
+    "@types/http-errors": "^2.0.3",
+    "@types/jest": "29.5.6",
     "@types/node-fetch": "^2.6.6",
-    "@typescript-eslint/eslint-plugin": "^6.7.5",
-    "@typescript-eslint/parser": "^6.7.5",
+    "@typescript-eslint/eslint-plugin": "^6.8.0",
+    "@typescript-eslint/parser": "^6.8.0",
     "eslint": "^8.51.0",
     "firebase-functions-test": "^3.1.0",
     "firebase-tools": "^12.7.0",

diff --git a/ios/App/Podfile.lock b/ios/App/Podfile.lock
@@ -7,21 +7,21 @@ PODS:
   - CapacitorCordova (5.5.0)
   - CapacitorFilesystem (5.1.4):
     - Capacitor
-  - CapacitorFirebaseAnalytics (5.1.0):
+  - CapacitorFirebaseAnalytics (5.2.0):
     - Capacitor
-    - CapacitorFirebaseAnalytics/Lite (= 5.1.0)
-  - CapacitorFirebaseAnalytics/Analytics (5.1.0):
+    - CapacitorFirebaseAnalytics/Lite (= 5.2.0)
+  - CapacitorFirebaseAnalytics/Analytics (5.2.0):
     - Capacitor
     - FirebaseAnalytics (= 10.8.0)
-  - CapacitorFirebaseAnalytics/Lite (5.1.0):
+  - CapacitorFirebaseAnalytics/Lite (5.2.0):
     - Capacitor
-  - CapacitorFirebaseApp (5.1.0):
+  - CapacitorFirebaseApp (5.2.0):
     - Capacitor
     - FirebaseCore (= 10.8.0)
-  - CapacitorFirebaseCrashlytics (5.1.0):
+  - CapacitorFirebaseCrashlytics (5.2.0):
     - Capacitor
     - FirebaseCrashlytics (= 10.8.0)
-  - CapacitorFirebasePerformance (5.1.0):
+  - CapacitorFirebasePerformance (5.2.0):
     - Capacitor
     - FirebasePerformance (= 10.8.0)
   - CapacitorKeyboard (5.0.6):
@@ -214,10 +214,10 @@ SPEC CHECKSUMS:
   CapacitorBlobWriter: 110eeaf80611f19bf01a8a05ff3672149ed0baad
   CapacitorCordova: 3d3908a3d208a11a75f9df3b18c4405c4de76e1d
   CapacitorFilesystem: af704badfbc69f6f8623d9ed313e5490e3723dcb
-  CapacitorFirebaseAnalytics: 8e42f3392e19f4331e21be373f4520412487bb69
-  CapacitorFirebaseApp: 472cf2609c0dd2219cbdc124962d7f939d038873
-  CapacitorFirebaseCrashlytics: 65b525728268133c68f49567f95eb94320f32140
-  CapacitorFirebasePerformance: 6467c91927b31770324a8e80352ff42745b37d80
+  CapacitorFirebaseAnalytics: 3755413bdeea4cf9169c4063ff621a1ab22ee9ce
+  CapacitorFirebaseApp: fbdd325f8d67b7be7950b9b76d2aa3d0e1aede9d
+  CapacitorFirebaseCrashlytics: 9cdcc0bc73167468586794acc5f1c7ace34ef81a
+  CapacitorFirebasePerformance: d8f715abf7317b8798a6280990d2cb0fcc431d9c
   CapacitorKeyboard: b978154b024a5f65e044908e37d15b7de58b9d12
   CapacitorShare: cd41743331cb71d217c029de54b681cbd91e0fcc
   CapacitorSplashScreen: 5fa2ab5e46cf5cc530cf16a51c80c7a986579ccd

diff --git a/package.json b/package.json
@@ -113,11 +113,11 @@
     "@playwright/test": "1.37.1",
     "@sign-mt/configuration": "git://github.com/sign/.github.git",
     "@trapezedev/project": "7.0.10",
-    "@types/dom-mediacapture-transform": "0.1.7",
-    "@types/dom-speech-recognition": "0.0.2",
+    "@types/dom-mediacapture-transform": "0.1.8",
+    "@types/dom-speech-recognition": "0.0.3",
     "@types/dom-webcodecs": "0.1.5",
-    "@types/jasmine": "5.1.0",
-    "@types/jasminewd2": "2.0.11",
+    "@types/jasmine": "5.1.1",
+    "@types/jasminewd2": "2.0.12",
     "@types/offscreencanvas": "2019.7.1",
     "@types/three": "0.157.0",
     "@types/web-app-manifest": "1.0.5",
@@ -149,7 +149,7 @@
     "sitemap": "7.1.1",
     "tiny-async-pool": "2.1.0",
     "ts-node": "10.9.1",
-    "tsx": "3.13.0",
+    "tsx": "3.14.0",
     "typescript": "5.0.4",
     "webpack-bundle-analyzer": "4.9.1",
     "zod": "3.22.4"

diff --git a/src/app/core/services/assets/assets.service.ts b/src/app/core/services/assets/assets.service.ts
@@ -219,7 +219,7 @@ export class AssetsService {
 
       const file = await fileHandle.getFile();
       if (Number(stat.size) !== file.size) {
-        // 2023-02-07: file.size in safari is always 0
+        // 2023-10-18: file.size in safari is always 0
         console.error('File size mismatch', stat, file);
         return null;
       }

diff --git a/src/app/pages/translate/pose-viewers/human-pose-viewer/human-pose-viewer.component.scss b/src/app/pages/translate/pose-viewers/human-pose-viewer/human-pose-viewer.component.scss
@@ -1,5 +1,6 @@
 :host {
-  display: block;
+  display: flex;
+  height: 100%;
 }
 
 pose-viewer {
@@ -9,6 +10,7 @@ pose-viewer {
 canvas {
   width: 100%;
   display: block;
+  align-self: center;
 }
 
 mat-progress-bar {

diff --git a/src/app/pages/translate/pose-viewers/human-pose-viewer/human-pose-viewer.component.ts b/src/app/pages/translate/pose-viewers/human-pose-viewer/human-pose-viewer.component.ts
@@ -5,6 +5,7 @@ import {takeUntil, tap} from 'rxjs/operators';
 import {BasePoseViewerComponent} from '../pose-viewer.component';
 import {Store} from '@ngxs/store';
 import {transferableImage} from '../../../../core/helpers/image/transferable';
+import {wait} from '../../../../core/helpers/wait/wait';
 
 @Component({
   selector: 'app-human-pose-viewer',

diff --git a/src/theme/styles.scss b/src/theme/styles.scss
@@ -7,10 +7,9 @@
   margin: 0 auto;
 }
 
-// Remove shadow from material header
-.header-md::after {
-  bottom: -1px;
-  height: 1px;
+.header-md {
+  // Lighten shadow from material header
+  box-shadow: 0 1px 0px -1px rgba(0, 0, 0, 0.2), 0 -1px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
 }
 
 body {