ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2024-12-19 04:57:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix for map view

Browse Source
This commit is contained in:
Piotr Pekala 2019-11-28 05:07:29 -08:00
parent 80207eda36
commit 6870f707bf
4 changed files with 8 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/app.component.ts
View File

@ -28,6 +28,6 @@ export class AppComponent implements OnInit {
this.electronService.ipcRenderer.send('settings.changed', settings);
});
}
// this.themeService.setDarkMode(false);
this.themeService.setDarkMode(true);
}
}

10
src/app/components/project-map/project-map.component.html
View File

@ -150,23 +150,23 @@
</div>
<div id="show-menu-wrapper" [ngClass]="{lightTheme: isLightThemeEnabled, shadowed: !isProjectMapMenuVisible }" *ngIf="!readonly">
<button class="arrow-button" mat-icon-button (click)="showMenu()"><mat-icon class="unmarked">keyboard_arrow_right</mat-icon></button>
<button [ngClass]="{lightTheme: isLightThemeEnabled}" class="arrow-button" mat-icon-button (click)="showMenu()"><mat-icon class="unmarked">keyboard_arrow_right</mat-icon></button>
</div>
<div id="menu-wrapper" [ngClass]="{lightTheme: isLightThemeEnabled, extended: isProjectMapMenuVisible }">
<app-nodes-menu [server]="server" [project]="project"></app-nodes-menu>
<mat-divider class="divider" [vertical]="true"></mat-divider>
<app-project-map-menu [server]="server" [project]="project"></app-project-map-menu>
<button class="arrow-button" mat-icon-button (click)="hideMenu()"><mat-icon class="unmarked">keyboard_arrow_left</mat-icon></button>
<button [ngClass]="{lightTheme: isLightThemeEnabled}" class="arrow-button" mat-icon-button (click)="hideMenu()"><mat-icon class="unmarked">keyboard_arrow_left</mat-icon></button>
</div>
<app-context-menu [project]="project" [server]="server"></app-context-menu>
</div>
<div [ngClass]="{lightTheme: isLightThemeEnabled}" class="zoom-buttons">
<button class="zoom-button" (click)="zoomIn()"><mat-icon>zoom_in</mat-icon></button>
<button class="zoom-button" (click)="resetZoom()"><mat-icon>adjust</mat-icon></button>
<button class="zoom-button" (click)="zoomOut()"><mat-icon>zoom_out</mat-icon></button>
<button [ngClass]="{lightTheme: isLightThemeEnabled}" class="zoom-button" (click)="zoomIn()"><mat-icon>zoom_in</mat-icon></button>
<button [ngClass]="{lightTheme: isLightThemeEnabled}" class="zoom-button" (click)="resetZoom()"><mat-icon>adjust</mat-icon></button>
<button [ngClass]="{lightTheme: isLightThemeEnabled}" class="zoom-button" (click)="zoomOut()"><mat-icon>zoom_out</mat-icon></button>
</div>
<app-progress></app-progress>

10
src/app/components/project-map/project-map.component.scss
View File

@ -103,14 +103,6 @@ mat-divider.divider {
color: gray;
}
.unmarked {
color: black!important;
}
.marked {
color: #0097a7!important;
}
.zoom-buttons {
position: fixed;
background: #263238;
@ -125,7 +117,7 @@ mat-divider.divider {
width: 40px;
background: transparent;
border: none;
color: black;
color: white;
font-size: 1.25rem;
font-weight: bold;

3
src/app/services/theme.service.ts
View File

@ -13,8 +13,7 @@ export class ThemeService {
theme$: Observable<[string, boolean]>;
public themeChanged = new EventEmitter<string>();
//this should taken from memory
public savedTheme: string = 'light';
public savedTheme: string = 'dark';
constructor(
rendererFactory: RendererFactory2,