interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix responsive with modale and menu displayed

This commit is contained in:
Chocobozzz 2018-01-31 11:58:11 +01:00
parent 1f788f2044
commit dd77894171
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/app/app.component.ts
View File

@ -1,5 +1,5 @@
import { Component, OnInit } from '@angular/core' import { Component, OnInit } from '@angular/core'
import { NavigationEnd, Router } from '@angular/router' import { GuardsCheckStart, NavigationEnd, Router } from '@angular/router'
import { AuthService, ServerService } from '@app/core' import { AuthService, ServerService } from '@app/core'
import { isInMobileView } from '@app/shared/misc/utils' import { isInMobileView } from '@app/shared/misc/utils'
@ -57,7 +57,7 @@ export class AppComponent implements OnInit {
this.router.events.subscribe( this.router.events.subscribe(
e => { e => {
// User clicked on a link in the menu, change the page // User clicked on a link in the menu, change the page
if (e instanceof NavigationEnd && isInMobileView()) { if (e instanceof GuardsCheckStart && isInMobileView()) {
this.isMenuDisplayed = false this.isMenuDisplayed = false
} }
} }

4
client/src/app/header/header.component.scss
View File

@ -37,6 +37,10 @@
margin-right: 25px; margin-right: 25px;
@media screen and (max-width: 800px) {
margin-right: 0;
}
.icon.icon-upload { .icon.icon-upload {
@include icon(22px); @include icon(22px);

6
client/src/sass/application.scss
View File

@ -367,6 +367,10 @@ table {
margin-left: 50px; margin-left: 50px;
margin-right: 50px; margin-right: 50px;
} }
.sub-menu {
padding-left: 50px;
}
} }
} }
} }
@ -389,7 +393,7 @@ table {
} }
.sub-menu { .sub-menu {
padding-left: 10px; padding-left: 15px;
margin-bottom: 10px; margin-bottom: 10px;
} }