face-age 2.4.10 → 2.4.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/faceage.css CHANGED
@@ -2480,11 +2480,20 @@ body {
2480
2480
  overflow: hidden;
2481
2481
  }
2482
2482
 
2483
- #faceAge-module-body.section:has(.history-detail-page) {
2483
+ /* Section: only the parent page scrolls — never a second scrollbar inside the iframe. */
2484
+ #faceAge-module-body.section,
2485
+ #faceAge-module-body.section:has(.history-detail-page),
2486
+ #faceAge-module-body.section:has(.analysis-result-page) {
2484
2487
  display: block;
2485
- height: auto;
2488
+ height: auto !important;
2489
+ min-height: 100% !important;
2490
+ overflow: hidden !important;
2491
+ }
2492
+
2493
+ html:has(#faceAge-module-body.section) {
2494
+ height: auto !important;
2486
2495
  min-height: 100%;
2487
- overflow: visible;
2496
+ overflow: hidden !important;
2488
2497
  }
2489
2498
 
2490
2499
  .history-detail-page {
@@ -3301,7 +3310,7 @@ body {
3301
3310
  .analysis-result-page.section {
3302
3311
  height: auto;
3303
3312
  min-height: 100%;
3304
- overflow: visible;
3313
+ overflow: hidden;
3305
3314
  }
3306
3315
 
3307
3316
  .analysis-result-page.modal .analysis-result-panel,
@@ -3377,6 +3386,7 @@ body {
3377
3386
  min-height: 0;
3378
3387
  overflow-x: hidden;
3379
3388
  overflow-y: auto;
3389
+ overscroll-behavior: contain;
3380
3390
  -webkit-overflow-scrolling: touch;
3381
3391
  padding-top: 16px;
3382
3392
  padding-bottom: 112px;
@@ -3386,9 +3396,10 @@ body {
3386
3396
  .analysis-result-page.section .recommendation_modal_window > .body,
3387
3397
  .analysis-result-page.section .analysis-result-scan-scroll {
3388
3398
  flex: 0 0 auto;
3389
- height: auto;
3399
+ height: auto !important;
3390
3400
  min-height: 0;
3391
- overflow: visible;
3401
+ max-height: none !important;
3402
+ overflow: visible !important;
3392
3403
  padding-top: 16px;
3393
3404
  padding-bottom: 112px;
3394
3405
  box-sizing: border-box;
@@ -3399,6 +3410,10 @@ body {
3399
3410
  padding: 16px 16px 112px;
3400
3411
  }
3401
3412
 
3413
+ .analysis-result-page.section .analysis-result-scan-scroll {
3414
+ scrollbar-gutter: auto;
3415
+ }
3416
+
3402
3417
  .analysis-result-page .header_tools .info,
3403
3418
  .analysis-result-page .show_routine {
3404
3419
  display: none !important;
@@ -3735,6 +3750,7 @@ body {
3735
3750
  text-align: end;
3736
3751
  }
3737
3752
 
3753
+ .history-comparison-image-modal,
3738
3754
  .history-detail-page .history-comparison-image-modal {
3739
3755
  position: fixed;
3740
3756
  z-index: 100000001;
@@ -3743,31 +3759,42 @@ body {
3743
3759
  align-items: center;
3744
3760
  justify-content: center;
3745
3761
  padding: 24px;
3762
+ overflow: hidden;
3746
3763
  background: rgba(2, 6, 23, 0.82);
3747
3764
  box-sizing: border-box;
3748
3765
  backdrop-filter: blur(6px);
3749
3766
  -webkit-backdrop-filter: blur(6px);
3750
3767
  }
3751
3768
 
3769
+ .history-comparison-image-modal-dialog,
3752
3770
  .history-detail-page .history-comparison-image-modal-dialog {
3753
3771
  position: relative;
3754
3772
  display: flex;
3755
3773
  align-items: center;
3756
3774
  justify-content: center;
3757
- width: min(92vw, 760px);
3758
- height: min(90vh, 860px);
3775
+ width: auto;
3776
+ max-width: 100%;
3777
+ max-height: 100%;
3778
+ min-width: 0;
3779
+ min-height: 0;
3780
+ box-sizing: border-box;
3759
3781
  }
3760
3782
 
3783
+ .history-comparison-image-modal-dialog img,
3784
+ .history-comparison-image-modal-dialog canvas,
3761
3785
  .history-detail-page .history-comparison-image-modal-dialog img,
3762
3786
  .history-detail-page .history-comparison-image-modal-dialog canvas {
3763
3787
  display: block;
3764
3788
  max-width: 100%;
3765
3789
  max-height: 100%;
3790
+ width: auto;
3791
+ height: auto;
3766
3792
  border-radius: 18px;
3767
3793
  object-fit: contain;
3768
3794
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
3769
3795
  }
3770
3796
 
3797
+ .history-comparison-image-modal-close,
3771
3798
  .history-detail-page .history-comparison-image-modal-close {
3772
3799
  position: absolute;
3773
3800
  top: 10px;
@@ -3788,6 +3815,7 @@ body {
3788
3815
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.24);
3789
3816
  }
3790
3817
 
3818
+ [dir="rtl"] .history-comparison-image-modal-close,
3791
3819
  [dir="rtl"] .history-detail-page .history-comparison-image-modal-close {
3792
3820
  right: auto;
3793
3821
  left: 10px;
@@ -4041,6 +4069,15 @@ body {
4041
4069
  margin: 0 0 12px;
4042
4070
  }
4043
4071
 
4072
+ .history-detail-page .history-detail-products-panel .recommendation_modal_window > .slider_header.history-detail-problems-header {
4073
+ position: relative;
4074
+ top: auto;
4075
+ z-index: 1;
4076
+ margin: 0 0 12px;
4077
+ padding-inline: 0;
4078
+ background: transparent;
4079
+ }
4080
+
4044
4081
  /* Skin Report: match Products tab slider width (tabs-body 1024px + 12px body padding) */
4045
4082
  .history-detail-page .history-detail-content > .history-detail-problems-header {
4046
4083
  padding-inline: 12px;
@@ -4180,6 +4217,11 @@ body {
4180
4217
  .history-detail-page .history-detail-embed .slider_header {
4181
4218
  display: none !important;
4182
4219
  }
4220
+
4221
+ /* Products tab: show the same All Products slider as after-analysis recommendation */
4222
+ .history-detail-page .history-detail-products-panel .recommendation_modal_window > .slider_header {
4223
+ display: block !important;
4224
+ }
4183
4225
  .history-detail-page .history-detail-embed .header_tools .download {
4184
4226
  display: none !important;
4185
4227
  }