Merge pull request #803 from HumanBrainProject/bugfix_uiIssues

Bugfix UI issues

src/ui/nehubaContainer/nehubaContainer.component.ts

@@ -195,6 +195,7 @@ export class NehubaContainer implements OnInit, OnChanges, OnDestroy {
   public disableOctantRemoval$: Observable<{ message?: string, mode: boolean }>
 
   public handleViewerLoadedEvent(flag: boolean){
+    console.log('viewer laoded ev', flag)
     this.viewerLoaded = flag
     this.nehubaViewerLoaded.emit(flag)
   }
@@ -468,6 +469,20 @@ export class NehubaContainer implements OnInit, OnChanges, OnDestroy {
         ? state.layers?.findIndex(l => l.mixability === 'nonmixable') >= 0
         : false),
     )
+
+    /**
+     * fixes 
+     * https://github.com/HumanBrainProject/interactive-viewer/issues/800
+     */
+    this.subscriptions.push(
+      this.nehubaViewerLoaded.pipe(
+        debounceTime(500),
+        filter(v => !v),
+      ).subscribe(() => {
+        this.matDrawerMain.close()
+        this.matDrawerMinor.close()
+      })
+    )
   }
 
   public useMobileUI$: Observable<boolean>

src/ui/parcellationRegion/region.base.ts

@@ -39,7 +39,7 @@ export class RegionBase {
     const rgb = this._region.rgb || (this._region.labelIndex && intToRgb(Number(this._region.labelIndex))) || [255, 200, 200]
     this.rgbString = `rgb(${rgb.join(',')})`
     const [_h, _s, l] = rgbToHsl(...rgb)
-    this.rgbDarkmode = l < 0.5
+    this.rgbDarkmode = l < 0.4
   }
 
   get region(){

src/ui/parcellationRegion/regionMenu/regionMenu.template.html

@@ -13,7 +13,7 @@
     </mat-card-title>
 
     <!-- subtitle on what it is -->
-    <mat-card-subtitle class="d-inline-flex align-items-center">
+    <mat-card-subtitle class="d-inline-flex align-items-center flex-wrap">
       <mat-icon fontSet="fas" fontIcon="fa-brain"></mat-icon>
       <span>
         Brain region