mirror of
https://github.com/dkmstr/openuds-gui.git
synced 2024-10-26 08:55:23 +03:00
removed flex-layout, in fact it is not needed
This commit is contained in:
parent
8151d9b5b5
commit
0f24d5ab08
@ -20,7 +20,6 @@
|
||||
"@angular/common": "^6.1.6",
|
||||
"@angular/compiler": "^6.1.6",
|
||||
"@angular/core": "^6.1.6",
|
||||
"@angular/flex-layout": "^6.0.0-beta.18",
|
||||
"@angular/forms": "^6.1.6",
|
||||
"@angular/http": "^6.1.6",
|
||||
"@angular/material": "^6.4.7",
|
||||
|
@ -1,4 +1,5 @@
|
||||
import { BrowserModule } from '@angular/platform-browser';
|
||||
import { LayoutModule } from '@angular/cdk/layout';
|
||||
import { NgModule } from '@angular/core';
|
||||
|
||||
import { HttpClientModule } from '@angular/common/http';
|
||||
@ -6,7 +7,6 @@ import { AppRoutingModule } from './modules/app-routing.module';
|
||||
|
||||
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
||||
import { AppMaterialModule } from './modules/app-material.module';
|
||||
import { FlexLayoutModule } from '@angular/flex-layout';
|
||||
|
||||
import { AppComponent } from './app.component';
|
||||
|
||||
@ -55,11 +55,11 @@ import { DownloadsComponent } from './pages/downloads/downloads.component';
|
||||
],
|
||||
imports: [
|
||||
BrowserModule,
|
||||
LayoutModule,
|
||||
HttpClientModule,
|
||||
AppRoutingModule,
|
||||
BrowserAnimationsModule,
|
||||
AppMaterialModule,
|
||||
FlexLayoutModule,
|
||||
],
|
||||
providers: [
|
||||
UDSApiService,
|
||||
|
@ -7,7 +7,8 @@ import { Component, OnInit } from '@angular/core';
|
||||
})
|
||||
export class FooterComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
constructor() {
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
@ -18,3 +18,24 @@
|
||||
.udsicon {
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
/* responsive part */
|
||||
@media only screen and (max-width: 744px) {
|
||||
.expanded {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
.shrinked {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 745px) {
|
||||
.expanded {
|
||||
visibility: visible;
|
||||
}
|
||||
.shrinked {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
@ -35,7 +35,7 @@
|
||||
<span class="fill-remaining-space"></span>
|
||||
|
||||
<!-- elements only visible when expanded -->
|
||||
<div fxLayout="row" fxShow="false" fxShow.gt-sm>
|
||||
<div class="expanded">
|
||||
<button mat-button routerLink="/client-download"><i class="material-icons">file_download</i>UDS Client</button>
|
||||
<button mat-button routerLink="/about"><i class="material-icons">info</i><uds-translate>About</uds-translate></button>
|
||||
<button mat-button [matMenuTriggerFor]="appMenu">{{ lang.name }} <i class="material-icons">arrow_drop_down</i></button>
|
||||
@ -43,8 +43,10 @@
|
||||
</div>
|
||||
|
||||
<!-- button visible only when shrinked -->
|
||||
<button mat-button [matMenuTriggerFor]="shrink" fxHide="false" fxHide.gt-sm>
|
||||
<i class="material-icons">menu</i>
|
||||
</button>
|
||||
<div class="shrinked">
|
||||
<button mat-button [matMenuTriggerFor]="shrink">
|
||||
<i class="material-icons">menu</i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</mat-toolbar>
|
||||
|
@ -10,9 +10,10 @@ import { Lang } from '../../types/config';
|
||||
export class NavbarComponent implements OnInit {
|
||||
lang: Lang; // Current language
|
||||
langs: Lang[]; // Available languages
|
||||
isNavbarCollapsed = true;
|
||||
style = ''; // Empty on start
|
||||
|
||||
constructor(public api: UDSApiService) {
|
||||
|
||||
const lang = api.config.language;
|
||||
// Add "non current lang" to list
|
||||
this.langs = [];
|
||||
@ -25,7 +26,7 @@ export class NavbarComponent implements OnInit {
|
||||
}
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
changeLang(to: Lang): boolean {
|
||||
|
Loading…
Reference in New Issue
Block a user