Bulk creation: displays a progress bar when saving all displayed forms

[github/shaarli/Shaarli.git] / assets / default / scss / shaarli.scss

diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss
index 7c85dee8cde371a9045a6e884f8acc590c795d82..a7f091e95d938f8ce9c6d10202f2288867fb7390 100644 (file)
--- a/assets/default/scss/shaarli.scss
+++ b/assets/default/scss/shaarli.scss
@@ -1793,6 +1793,29 @@ input[name='save_edit_batch'] {
   }
 }
 
+.dark-layer {
+  display: none;
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  z-index: 998;
+  background-color: rgba(0, 0, 0, .75);
+  color: #fff;
+
+  .screen-center {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    min-height: 100vh;
+  }
+
+  .progressbar {
+    width: 33%;
+  }
+}
+
 .addlink-batch-form-block {
   .pure-alert {
     margin: 25px 0 0 0;