ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-06-18 06:48:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

position of console changed to the right

Browse Source
This commit is contained in:
piotrpekala7
2021-04-13 11:47:44 +02:00
parent bec15d4d37
commit 2350f88c59
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/project-map/console-wrapper/console-wrapper.component.scss
View File

@ -7,8 +7,8 @@
.consoleWrapper { .consoleWrapper {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
position: fixed; position: fixed;
bottom: 20px; bottom: 40px;
left: 20px; left: 80px;
height: 180px; height: 180px;
width: 600px; width: 600px;
background: #000000 !important; background: #000000 !important;

4
src/app/components/project-map/console-wrapper/console-wrapper.component.ts
View File

@ -43,7 +43,7 @@ export class ConsoleWrapperComponent implements OnInit {
this.themeService.getActualTheme() === 'light' this.themeService.getActualTheme() === 'light'
? (this.isLightThemeEnabled = true) ? (this.isLightThemeEnabled = true)
: (this.isLightThemeEnabled = false); : (this.isLightThemeEnabled = false);
this.style = { bottom: '20px', left: '20px', width: '720px', height: '460px' }; this.style = { bottom: '20px', left: '80px', width: '720px', height: '460px' };
this.consoleService.nodeConsoleTrigger.subscribe((node) => { this.consoleService.nodeConsoleTrigger.subscribe((node) => {
this.addTab(node, true); this.addTab(node, true);
@ -58,7 +58,7 @@ export class ConsoleWrapperComponent implements OnInit {
minimize(value: boolean) { minimize(value: boolean) {
this.isMinimized = value; this.isMinimized = value;
if (!value) { if (!value) {
this.style = { bottom: '20px', left: '20px', width: `${this.resizedWidth}px`, height: `${this.resizedHeight}px` }; this.style = { bottom: '20px', left: '80px', width: `${this.resizedWidth}px`, height: `${this.resizedHeight}px` };
} else { } else {
this.style = { bottom: '20px', left: '20px', width: `${this.resizedWidth}px`, height: '56px' }; this.style = { bottom: '20px', left: '20px', width: `${this.resizedWidth}px`, height: '56px' };
} }