From 25b0e18cebf1041b7acc1d4ee4c1f3fc2c43aed9 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Fri, 13 Sep 2019 11:02:13 +0200
Subject: [PATCH] Do not make the app task overlay that busy

---
 src/theme.scss     |  3 +--
 src/views/app.html | 14 ++++----------
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/theme.scss b/src/theme.scss
index 58867deb5..dcec8d2ff 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -495,9 +495,8 @@ multiselect {
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: white;
+    background-color: rgba(255,255,255,0.7);
     z-index: 7;
-    opacity: 0.5;
     cursor: not-allowed;
 }
 
diff --git a/src/views/app.html b/src/views/app.html
index 298ee9139..f75b0f76a 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -9,7 +9,7 @@
 
 <div class="content">
 
-  <div class="task-indicator animateMe hand" ng-show="app.taskId" ng-click="scrollTo('overview')">
+  <div class="task-indicator animateMe hand" ng-show="app.taskId">
     <i class="fa fa-circle-notch fa-spin"></i>
     <span>{{ app | installationStateLabel:user }}</span>
   </div>
@@ -105,9 +105,7 @@
 
   <div id="location"><h3>Location</h3></div>
   <div class="card">
-    <div class="task-active-overlay" ng-show="app.taskId">
-      <h1><i class="fa fa-circle-notch fa-spin"></i></h1>
-    </div>
+    <div class="task-active-overlay" ng-show="app.taskId">App task in progress...</div>
     <div class="row">
       <div class="col-md-12">
         <fieldset>
@@ -268,9 +266,7 @@
 
   <div id="resources"><h3>Resources</h3></div>
   <div class="card">
-    <div class="task-active-overlay" ng-show="app.taskId">
-      <h1><i class="fa fa-circle-notch fa-spin"></i></h1>
-    </div>
+    <div class="task-active-overlay" ng-show="app.taskId">App task in progress...</div>
     <div class="row">
       <div class="col-md-12">
         <fieldset>
@@ -309,9 +305,7 @@
 
   <div id="email" ng-if="app.manifest.addons.sendmail || app.manifest.addons.recvmail"><h3>Email</h3></div>
   <div class="card" ng-if="app.manifest.addons.sendmail || app.manifest.addons.recvmail">
-    <div class="task-active-overlay" ng-show="app.taskId">
-      <h1><i class="fa fa-circle-notch fa-spin"></i></h1>
-    </div>
+    <div class="task-active-overlay" ng-show="app.taskId">App task in progress...</div>
     <div class="row">
       <div class="col-md-12">
         <fieldset>