Merge pull request #347 from adobecom/MWPW-133658-l1-l2-fillsign

MWPW-133658: Changed widget height
adobecom · Aug 28, 2023 · f889ef2 · f889ef2
2 parents 978db66 + a993b96
commit f889ef2
Showing 1 changed file with 16 additions and 47 deletions.
diff --git a/acrobat/blocks/eventwrapper/eventwrapper.css b/acrobat/blocks/eventwrapper/eventwrapper.css
@@ -84,11 +84,6 @@ body.l2-state #CID section[class^='LifecycleOrganizeSettings__frictionlessContai
   min-height: 77vh;
 }
 
-body.l2-state.hide-content #CID:not(.wapper-fillsign) .react-spectrum-provider.spectrum--light {
-  height: 77vh;
-  min-height: 77vh;
-}
-
 body.l2-state.hide-content .global-footer {
   background: white;
 }
@@ -101,69 +96,43 @@ body.l2-state #CID {
   top: 10px;
 }
 
-@media (min-height: 900px) {
+@media (min-height: 800px) {
   body.l2-state.hide-content #CID div[class^='FillSign2Viewer__dropzoneWrapper'] {
     height: 77vh;
   }
 }
 
 body.l2-state.hide-content div[class^='FillSign2Viewer__dropinWrapper'] {
-  max-height: 69vh
+  max-height: calc(77vh - 65px);
 }
 
 body.l2-state div[data-section='widget'].widget-default-height {
   height: auto !important;
   min-height: auto !important;
 }
 
-@media (max-height: 900px) {
-  body.l2-state.hide-content div[class^='FillSign2Viewer__dropinWrapper'] {
-    max-height: 63vh;
-  }
-
-  body.l2-state #CID section[class^='LifecycleOrganizeSettings__frictionlessContainer__'] {
-    min-height: 70vh;
-    height: 70vh;
+@media (max-height: 800px) {
+  body.l2-state #dc-converter-widget {
+    height: unset;
+    min-height: unset;
   }
 
-  body.l2-state.hide-content #CID:not(.wapper-fillsign) .react-spectrum-provider.spectrum--light {
-    height: 70vh;
-    min-height: 70vh;
+  body.l2-state #CID {
+    top: unset;
   }
-}
 
-@media (max-width: 380px) {
+  body.l2-state.hide-content #CID div[class^='FillSign2Viewer__dropzoneWrapper'], 
   body.l2-state #CID section[class^='LifecycleOrganizeSettings__frictionlessContainer__'] {
-    min-height: 60vh;
-    height: 60vh;
-    margin-top: -35px;
+    height: 95%;
+    min-height: 95%;
   }
 
-  body.l2-state.hide-content #CID:not(.wapper-fillsign) .react-spectrum-provider.spectrum--light {
-    height: 65vh;
-    min-height: 65vh;
-  }
-
-  body.l2-state.hide-content .lifecycle-progress {
-    min-height: auto;
-  }
-
-  body.l2-state.hide-content div[class^='PdfnowLifecycle__'] {
-    min-height: 200px;
-  }
-}
-
-@media only screen and (width: 1024px) and (height: 600px) {
-  body.l2-state #CID {
-    top: 5px;
-  }
-  body.l2-state.hide-content div[class^='PdfnowLifecycle__'] {
-    min-height: 270px;
+  body.l2-state.hide-content div[class^='FillSign2Viewer__dropinWrapper'] {
+    max-height: calc(100% - 63px);
+    min-height: calc(100% - 63px);
   }
 
-  body.l2-state.hide-content .lifecycle-progress {
-    min-height: auto;
-    padding-bottom: 15px !important;
-    padding-top: 15px !important;
+  body.l2-state #CID section[class^='LifecycleOrganizeSettings__frictionlessContainer__'] div[class^='DesktopZoomButtons__zoomButtonContainer'] {
+    bottom: 15px;
   }
 }