diff options
| author |   “Kruthi <krutbhat@att.com> | 2020-07-06 16:04:23 +0530 |
|---|---|---|
| committer | “Kruthi <krutbhat@att.com> | 2020-07-06 16:04:34 +0530 |
| commit | dc35cacae0c16b16985effa1459cf96d646811ff (patch) | |
| tree | 61d7274708503e0dc5e2a7233761a7156532f4a5 /portal-FE-common | |
| parent | 6d99f5ecc9ae80be3c97cdab389eaf364dfe571a (diff) | |
Fix for Resizing the main tab area upon collapsing left menu
Change-Id: I0745333090f7d19f5c7cee478aef4ef7fffe6733
Issue-ID: PORTAL-942
Signed-off-by: krutbhat@att.com
Diffstat (limited to 'portal-FE-common')
| -rw-r--r-- | portal-FE-common/src/app/layout/components/tabbar/tabbar.component.html | 2 | ||||
| -rw-r--r-- | portal-FE-common/src/app/layout/components/tabbar/tabbar.component.ts | 7 |
2 files changed, 8 insertions, 1 deletions
diff --git a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.html b/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.html index 31bb197c..93dd3450 100644 --- a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.html +++ b/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.html @@ -59,7 +59,7 @@ <div style="display: flex; flex-direction:row;"> <app-sidebar (collapsedEvent)="receiveCollapsed($event)"></app-sidebar> <app-userbar></app-userbar> - <div class="container" style="margin-left: 370px;"> + <div class="container" [ngStyle]="setStyle()"> <router-outlet></router-outlet> </div> </div> diff --git a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.ts b/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.ts index 7a10e39d..b0b882d3 100644 --- a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.ts +++ b/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.ts @@ -92,4 +92,11 @@ export class TabbarComponent implements OnInit { if(this.tabs.length != 0 && $event.index != 0) this.tabs[$event.index - 1].active = true; } + + setStyle() { + const style = { + 'margin-left': this.collapedSideBar ? '80px' : '370px', + }; + return style; + } } |