Reimplement 'public' class on whistleblowers pages and block-user-inp…

…ut when loader is active
globaleaks · Oct 8, 2024 · ced3447 · ced3447
1 parent 4c05f50
commit ced3447
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/client/app/css/main.css b/client/app/css/main.css
@@ -86,6 +86,11 @@ body {
   min-height: 20rem;
 }
 
+.block-user-input {
+  pointer-events: none;
+  user-select: none;
+}
+
 th .fa-solid,
 .fa-chevron-up,
 .fa-chevron-down {

diff --git a/client/app/src/pages/app/app.component.html b/client/app/src/pages/app/app.component.html
@@ -24,7 +24,7 @@ <h1>Error!</h1><br/> <br/>
     <div id="Loader"></div>
 </div>
 <ng-container *ngIf="appDataService.public.node">
-    <div [dir]="utilsService.getDirection(translate.currentLang)" class="reveal">
+    <div [dir]="utilsService.getDirection(translate.currentLang)" class="reveal" [ngClass]="{'public': isWhistleblowerPage(), 'block-user-input': showLoadingPanel}">
         <div *ngIf="authenticationService.session?.properties?.operator_session">
             <src-operation></src-operation>
         </div>