fix(file-uploader-inline): hide close button

uploadcare · Feb 3, 2023 · 4026508 · 4026508
1 parent f94fc24
commit 4026508
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 27 deletions.
diff --git a/solutions/file-uploader/inline/demo.htm b/solutions/file-uploader/inline/demo.htm
@@ -7,9 +7,16 @@ <h2>Multiple sources</h2>
   <style>
     @import url(./inline/index.css);
 
+    body {
+      width: 100vw;
+      height: 100vh;
+      margin: 0;
+    }
+
     lr-file-uploader-inline {
       width: 100%;
       height: 100%;
+      display: block;
     }
 
     .lr-wgt-common {
@@ -19,11 +26,9 @@ <h2>Multiple sources</h2>
   </style>
 
   <!-- Uploader widget element: -->
-  <lr-file-uploader-inline class="lr-wgt-common">
-  </lr-file-uploader-inline>
+  <lr-file-uploader-inline class="lr-wgt-common"> </lr-file-uploader-inline>
 </lr-live-html>
 
-
 <h2>Single source</h2>
 <lr-live-html>
   <!-- Uploader script connection: -->
@@ -33,10 +38,16 @@ <h2>Single source</h2>
   <style>
     @import url(./inline/index.css);
 
-    lr-file-uploader-inline[current-activity="details"],
-    lr-file-uploader-inline[current-activity="cloud-image-edit"] {
+    body {
+      width: 100vw;
+      height: 100vh;
+      margin: 0;
+    }
+
+    lr-file-uploader-inline {
       width: 100%;
       height: 100%;
+      display: block;
     }
 
     .lr-wgt-common {
@@ -47,6 +58,5 @@ <h2>Single source</h2>
   </style>
 
   <!-- Uploader widget element: -->
-  <lr-file-uploader-inline current-activity class="lr-wgt-common">
-  </lr-file-uploader-inline>
+  <lr-file-uploader-inline current-activity class="lr-wgt-common"> </lr-file-uploader-inline>
 </lr-live-html>
diff --git a/solutions/file-uploader/inline/index.css b/solutions/file-uploader/inline/index.css
@@ -1,25 +1,5 @@
 @import url('../../../blocks/themes/lr-basic/index.css');
 
-/* stylelint-disable-next-line plugin/stylelint-force-app-name-prefix */
-body {
-  box-sizing: border-box;
-  width: 100vw;
-  height: var(--uploadcare-blocks-window-height, 100vh);
-  margin: 0;
-  padding: 8px;
-}
-
-lr-uploader {
-  display: block;
-  border: 2px solid
-    hsla(
-      var(--h-foreground),
-      var(--s-foreground),
-      var(--l-foreground),
-      calc((0.1 - 0.05 * var(--darkmode)) * var(--borders))
-    );
-}
-
 lr-start-from {
   height: 100%;
 }
@@ -28,6 +8,10 @@ lr-start-from {
   container-type: inline-size;
 }
 
+lr-activity-header .close-btn {
+  display: none;
+}
+
 @container (min-width: 500px) {
   lr-start-from {
     grid-template-rows: 1fr max-content;