Improve responsive layout

pull/58/head
HardiReady 2019-02-27 16:38:46 +01:00
parent b386d59508
commit 04ff22fafc
5 changed files with 15 additions and 14 deletions

View File

@ -14,7 +14,7 @@
</mat-sidenav> </mat-sidenav>
</mat-sidenav-container> </mat-sidenav-container>
<div (click)="sidenav.close()"> <div style="overflow-x: auto;position: relative;min-height: calc(100vh - 50px);" (click)="sidenav.close()">
<router-outlet></router-outlet> <router-outlet></router-outlet>
<div id="left"> <div id="left">
<router-outlet name="left"></router-outlet> <router-outlet name="left"></router-outlet>

View File

@ -10,6 +10,7 @@
img { img {
right: 3vw; right: 3vw;
max-width: 27%;
} }
div.name-cell { div.name-cell {

View File

@ -22,12 +22,13 @@
h3 { h3 {
background: #222; background: #222;
font-size: 18px;
margin: 0.2em 0; margin: 0.2em 0;
padding: 1.5vh 0; padding: 1.5vh 0;
button { button {
position: absolute; position: absolute;
margin-top: -7px; margin-top: -10px;
display: inline-block; display: inline-block;
&.switch-btn-blufor { &.switch-btn-blufor {
@ -40,8 +41,8 @@
} }
mat-icon { mat-icon {
width: 3em; width: 2.5em;
height: 3em; height: 2.5em;
} }
} }
} }

View File

@ -39,12 +39,9 @@
td > img { td > img {
height: 13vh !important; height: 13vh !important;
max-height: 120px; max-height: 120px;
max-width: 100%;
padding: 4px; padding: 4px;
} }
:host {
margin-bottom: -50vh;
}
} }
table { table {

View File

@ -1,9 +1,11 @@
<campaign-navigation <div>
[selectedCampaignId]="selectedCampaign._id" <campaign-navigation
(campaignSelect)="switchCampaign($event)" [selectedCampaignId]="selectedCampaign._id"
(campaignEdit)="editCampaign($event)" (campaignSelect)="switchCampaign($event)"
(campaignDelete)="deleteCampaign($event)"> (campaignEdit)="editCampaign($event)"
</campaign-navigation> (campaignDelete)="deleteCampaign($event)">
</campaign-navigation>
</div>
<div class="side-bar" <div class="side-bar"
[ngClass]="{collapsed: collapsed}" [ngClass]="{collapsed: collapsed}"