diff options
5 files changed, 18 insertions, 7 deletions
diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/pages.module.ts b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/pages.module.ts index 2ee9957f..fb5f8130 100644 --- a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/pages.module.ts +++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/pages.module.ts @@ -5,7 +5,6 @@ import {PagesRoutingModule} from './pages-routing.module'; import {ReactiveFormsModule, FormsModule} from '@angular/forms'; import {HttpClientModule} from '@angular/common/http'; import {MaterialModule} from '../material-module'; -import {InformationModalComponent} from '../modals/information-modal/information-modal.component'; import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; import {MatTooltipModule} from '@angular/material/tooltip'; import {MatExpansionModule} from '@angular/material/expansion'; @@ -64,7 +63,6 @@ import {RefreshComponent} from './refresh/refresh.component'; declarations: [ PagesComponent, SearchComponent, - InformationModalComponent, ConfirmationModalComponent, SelfComponent, SuccessModalComponent, @@ -135,7 +133,7 @@ import {RefreshComponent} from './refresh/refresh.component'; jqxChartModule, RdpModule ], - entryComponents: [DialogOverviewExampleDialog, InformationModalComponent, SuccessModalComponent, ErrorModalComponent, SelfComponent, ConfirmationModalComponent], + entryComponents: [DialogOverviewExampleDialog, SuccessModalComponent, ErrorModalComponent, SelfComponent, ConfirmationModalComponent], exports: [ ], providers: [] diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/sidebar/sidebar.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/sidebar/sidebar.component.html index c86a0693..f91e8821 100644 --- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/sidebar/sidebar.component.html +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/sidebar/sidebar.component.html @@ -1,5 +1,5 @@ <div class="sidebar" [ngClass]="{'siderbar-height': showHeader, 'siderbar-height-noHeader': !showHeader}" > - <div class="sidebar-list" [ngClass]="{collapsed: collapsed}"> + <div class="sidebar-list" [ngClass]="{collapsed: collapsed, 'remove-header-margin': showHeader == false}"> <nav [ngClass]="{sidebarPushRight: isActive, collapsed: collapsed}"> @@ -47,7 +47,7 @@ </div> </nav> </div> - <div class="toggle-button" [ngClass]="{collapsed: collapsed}" (click)="toggleCollapsed()"> + <div class="toggle-button" [ngClass]="{collapsed: collapsed, 'toggle-button-no-header': showHeader == false }" (click)="toggleCollapsed()"> <!-- <i class="fa fa-angle-double-{{collapsed?'right':'left'}}"></i> --> <i class="icon ion-md-arrow-{{collapsed?'dropright':'dropleft'}}" style="float:right"></i> <i class="icon ion-md-arrow-{{collapsed?'dropright':'dropleft'}}" style="float:right"></i> diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/sidebar/sidebar.component.scss b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/sidebar/sidebar.component.scss index 59b7e347..50bc1b5f 100644 --- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/sidebar/sidebar.component.scss +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/sidebar/sidebar.component.scss @@ -153,6 +153,10 @@ } } } + + .remove-header-margin{ + top: 4.2em; + } .nested-menu { .list-group-item { @@ -215,7 +219,7 @@ } .toggle-button { position: fixed; - width: 236px; + width: 235px; cursor: pointer; padding: 12px; // bottom: 5.5em; @@ -238,6 +242,10 @@ -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } + + .toggle-button-no-header{ + top: 8px; + } .collapsed { width: 60px; diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.html index bf4507f6..2ae6c463 100644 --- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.html +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.html @@ -4,7 +4,7 @@ </section> </div> -<section class="main-container" [ngClass]="{collapsed: collapedSideBar}"> +<section class="main-container" [ngClass]="{'collapsed': collapedSideBar , 'remove-header': showHeader == false }"> <app-sidebar (collapsedEvent)="receiveCollapsed($event)"></app-sidebar> <router-outlet></router-outlet> diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.scss b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.scss index 561f493b..141da812 100644 --- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.scss +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/layout.component.scss @@ -52,6 +52,11 @@ position: relative; overflow: hidden; } + +.remove-header{ + margin-top: -9px; +} + .collapsed { margin-left: 60px; } |