Commit e10eaf82 authored by Thomas Frion's avatar Thomas Frion

[FIX] Left side bar display bug

parent bdfd0cc3
<div class="main-container">
<app-sidebar-left></app-sidebar-left>
<app-sidebar-left class="left-menu"></app-sidebar-left>
<app-map></app-map>
</div>
<!-- NOT DONE YET:
......
.main-container{
display: grid;
grid-template-columns: 40px calc(100% - 40px);
grid-template-columns: max-content auto;
height: 100vh;
}
\ No newline at end of file
.left-menu {
display: grid;
width: auto;
grid-template-columns: 40px calc(100% - 40px);
height: 100vh;
}
}
......@@ -7,15 +7,19 @@
<button class="links" (click)="mvtTab($event,'search')"><i class="fa fa-search"></i></button>
<button class="links" (click)="mvtTab($event,'map-marker')"><i class="fa fa-map-marker"></i></button>
<button class="links" (click)="mvtTab($event,'messages')"><i class="fa fa-envelope"></i></button>
<button class="links" (click)="mvtTab($event,'account')"><i class="fa fa-user"></i></button>
</div>
<!--tab HOME -->
<div class="tab" id="home">
<h1>DEMO GENDLOC - CORG</h1>
<h1>Fonctionnalités proposées</h1>
<ul>
<li *ngFor="let fonct of fonctionnalites">{{fonct.title}}</li>
</ul>
<div class='features'>
<h2>Fonctionnalités proposées</h2>
<ul>
<li *ngFor="let fonct of fonctionnalites">{{fonct.title}}</li>
</ul>
</div>
</div>
<!--tab SEARCH -->
......@@ -73,3 +77,13 @@
<h1>Nous contacter</h1>
<a href="mailto:gendloc@pghm-isere.com?subject=Contact+gendloc">PGHM ISERE - GENDLOC</a>
</div>
<div class="tab" id="account">
<h1>Mon compte</h1>
<p>
Mes infos
</p>
<p class="logout">
<a [routerLink]="'/logout'"> <i class="fa fa-power-off"></i> Se déconnecter</a>
</p>
</div>
......@@ -36,11 +36,11 @@
/* Style the tab content */
.tab {
display: none;
float:left;
padding: 10px 20px;
border-left: none;
width: 50%;
width: 350px;
height: 100%;
background-color: #E5DDDB;
overflow-y: auto;
overflow-x: hidden;
}
}
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment