face-age 2.4.9 → 2.4.11

package/dist/faceage.css

@@ -2480,11 +2480,20 @@ body {
     overflow: hidden;
 }
 
-#faceAge-module-body.section:has(.history-detail-page) {
+/* Section: only the parent page scrolls — never a second scrollbar inside the iframe. */
+#faceAge-module-body.section,
+#faceAge-module-body.section:has(.history-detail-page),
+#faceAge-module-body.section:has(.analysis-result-page) {
     display: block;
-    height: auto;
+    height: auto !important;
+    min-height: 100% !important;
+    overflow: hidden !important;
+}
+
+html:has(#faceAge-module-body.section) {
+    height: auto !important;
     min-height: 100%;
-    overflow: visible;
+    overflow: hidden !important;
 }
 
 .history-detail-page {
@@ -3301,7 +3310,7 @@ body {
 .analysis-result-page.section {
     height: auto;
     min-height: 100%;
-    overflow: visible;
+    overflow: hidden;
 }
 
 .analysis-result-page.modal .analysis-result-panel,
@@ -3377,6 +3386,7 @@ body {
     min-height: 0;
     overflow-x: hidden;
     overflow-y: auto;
+    overscroll-behavior: contain;
     -webkit-overflow-scrolling: touch;
     padding-top: 16px;
     padding-bottom: 112px;
@@ -3386,9 +3396,10 @@ body {
 .analysis-result-page.section .recommendation_modal_window > .body,
 .analysis-result-page.section .analysis-result-scan-scroll {
     flex: 0 0 auto;
-    height: auto;
+    height: auto !important;
     min-height: 0;
-    overflow: visible;
+    max-height: none !important;
+    overflow: visible !important;
     padding-top: 16px;
     padding-bottom: 112px;
     box-sizing: border-box;
@@ -3399,6 +3410,10 @@ body {
     padding: 16px 16px 112px;
 }
 
+.analysis-result-page.section .analysis-result-scan-scroll {
+    scrollbar-gutter: auto;
+}
+
 .analysis-result-page .header_tools .info,
 .analysis-result-page .show_routine {
     display: none !important;
@@ -3735,6 +3750,7 @@ body {
     text-align: end;
 }
 
+.history-comparison-image-modal,
 .history-detail-page .history-comparison-image-modal {
     position: fixed;
     z-index: 100000001;
@@ -3743,31 +3759,42 @@ body {
     align-items: center;
     justify-content: center;
     padding: 24px;
+    overflow: hidden;
     background: rgba(2, 6, 23, 0.82);
     box-sizing: border-box;
     backdrop-filter: blur(6px);
     -webkit-backdrop-filter: blur(6px);
 }
 
+.history-comparison-image-modal-dialog,
 .history-detail-page .history-comparison-image-modal-dialog {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
-    width: min(92vw, 760px);
-    height: min(90vh, 860px);
+    width: auto;
+    max-width: 100%;
+    max-height: 100%;
+    min-width: 0;
+    min-height: 0;
+    box-sizing: border-box;
 }
 
+.history-comparison-image-modal-dialog img,
+.history-comparison-image-modal-dialog canvas,
 .history-detail-page .history-comparison-image-modal-dialog img,
 .history-detail-page .history-comparison-image-modal-dialog canvas {
     display: block;
     max-width: 100%;
     max-height: 100%;
+    width: auto;
+    height: auto;
     border-radius: 18px;
     object-fit: contain;
     box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
 }
 
+.history-comparison-image-modal-close,
 .history-detail-page .history-comparison-image-modal-close {
     position: absolute;
     top: 10px;
@@ -3788,6 +3815,7 @@ body {
     box-shadow: 0 5px 18px rgba(0, 0, 0, 0.24);
 }
 
+[dir="rtl"] .history-comparison-image-modal-close,
 [dir="rtl"] .history-detail-page .history-comparison-image-modal-close {
     right: auto;
     left: 10px;
@@ -4041,6 +4069,15 @@ body {
     margin: 0 0 12px;
 }
 
+.history-detail-page .history-detail-products-panel .recommendation_modal_window > .slider_header.history-detail-problems-header {
+    position: relative;
+    top: auto;
+    z-index: 1;
+    margin: 0 0 12px;
+    padding-inline: 0;
+    background: transparent;
+}
+
 /* Skin Report: match Products tab slider width (tabs-body 1024px + 12px body padding) */
 .history-detail-page .history-detail-content > .history-detail-problems-header {
     padding-inline: 12px;
@@ -4087,7 +4124,7 @@ body {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
     align-items: stretch;
-    gap: 10px;
+    gap: 15px;
     margin: 0 0 10px;
 }
 
@@ -4106,10 +4143,10 @@ body {
 
     .routine:not(.routine--product_row) .products {
         display: grid;
-        grid-template-columns: repeat(4, minmax(0, 1fr));
+        grid-template-columns: repeat(3, minmax(0, 1fr));
         align-items: stretch;
-        gap: 10px;
-        margin: 0 0 10px;
+        gap: 15px;
+        margin: 0 0 15px;
     }
 
     .routine:not(.routine--product_row) .products .product_item_box {
@@ -4180,6 +4217,11 @@ body {
 .history-detail-page .history-detail-embed .slider_header {
     display: none !important;
 }
+
+/* Products tab: show the same All Products slider as after-analysis recommendation */
+.history-detail-page .history-detail-products-panel .recommendation_modal_window > .slider_header {
+    display: block !important;
+}
 .history-detail-page .history-detail-embed .header_tools .download {
     display: none !important;
 }
@@ -4724,7 +4766,7 @@ body {
     transform: rotate(180deg);
     margin-left: unset;
     margin-right: 10px;
-}    
+}
 
 .app_bar .header_tools .title {
     width: 100%;
@@ -8711,4 +8753,4 @@ p.err {
     white-space: nowrap;
     overflow: hidden !important;
     text-overflow: ellipsis;
-}
+}