ui(dynamic component): fix dynamic component scroll

infra-geo-ouverte · Mar 14, 2019 · e7e131f · e7e131f
1 parent fd4158f
commit e7e131f
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/demo/src/app/common/tool/tool.component.ts b/demo/src/app/common/tool/tool.component.ts
@@ -9,6 +9,7 @@ import {
 
 import { BehaviorSubject } from 'rxjs';
 
+import { LanguageService } from '@igo2/core';
 import {
   OnUpdateInputs,
   Tool,
@@ -18,7 +19,7 @@ import {
 } from '@igo2/common';
 
 @ToolComponent({
-  name: 'salutation',
+  name: 'demo-salutation',
   title: 'Salutation',
   icon: 'person',
   options: {name: 'Jack'}
@@ -43,7 +44,7 @@ export class AppSalutationToolComponent implements OnUpdateInputs {
 }
 
 @ToolComponent({
-  name: 'about',
+  name: 'demo-about',
   title: 'About',
   icon: 'info'
 })
@@ -73,10 +74,13 @@ export class AppToolComponent implements OnInit, OnDestroy {
     return this.activeTool$.value ? this.activeTool$.value.title : 'Toolbox';
   }
 
-  constructor(private toolService: ToolService) {}
+  constructor(
+    private toolService: ToolService,
+    private languageService: LanguageService
+  ) {}
 
   ngOnInit() {
-    this.toolbox.setToolbar(['salutation', 'about']);
+    this.toolbox.setToolbar(['demo-salutation', 'demo-about']);
     this.toolbox.setTools(this.toolService.getTools());
   }
 
@@ -85,7 +89,7 @@ export class AppToolComponent implements OnInit, OnDestroy {
   }
 
   activateSalutationTool() {
-    this.toolbox.activateTool('salutation', {name: 'Bob'});
+    this.toolbox.activateTool('demo-salutation', {name: 'Bob'});
   }
 
 }
diff --git a/demo/src/app/common/tool/tool.module.ts b/demo/src/app/common/tool/tool.module.ts
@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule, MatIconModule, MatCardModule } from '@angular/material';
 
+import { IgoLanguageModule } from '@igo2/core';
 import { IgoPanelModule, IgoToolModule } from '@igo2/common';
 
 import {
@@ -23,6 +24,7 @@ import { AppToolRoutingModule } from './tool-routing.module';
     MatButtonModule,
     MatIconModule,
     MatCardModule,
+    IgoLanguageModule,
     IgoPanelModule,
     IgoToolModule.forRoot()
   ],

diff --git a/packages/common/src/lib/dynamic-component/dynamic-outlet/dynamic-outlet.component.scss b/packages/common/src/lib/dynamic-component/dynamic-outlet/dynamic-outlet.component.scss
@@ -1,6 +1,5 @@
 :host {
   display: block;
-  overflow: hidden;
   width: 100%;
   height: 100%;
 }
diff --git a/packages/common/src/lib/tool/toolbox/toolbox.component.scss b/packages/common/src/lib/tool/toolbox/toolbox.component.scss
@@ -45,3 +45,7 @@ igo-actionbar:not(.with-title) {
 igo-actionbar ::ng-deep igo-list {
   overflow: inherit;
 }
+
+igo-dynamic-outlet {
+  overflow: auto;
+}