sandre/SkydiveLogs
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix CSS

Browse Source
This commit is contained in:
Sébastien André
2019-10-09 16:52:31 +02:00
parent 2688b66825
commit dd26e2c90b
2 changed files with 34 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
Front/skydivelogs-app/src/app/app.component.css
View File

@@ -15,3 +15,28 @@
.side-menu-active { .side-menu-active {
display: '' !important; display: '' !important;
} }
.navigation {
border: 1px red solid;
position: absolute;
width: 200px;
overflow: hidden;
z-index: 50;
background-color: grey;
padding: 5px;
}
.navigation ul {
list-style: none;
}
.navigation ul li {
margin: 5px;
}
.navigation ul li a {
text-decoration: none;
cursor: pointer;
color: black;
}

16
Front/skydivelogs-app/src/app/app.component.html
View File

@@ -19,13 +19,15 @@
<h2 style="display: inline;">{{ title }}</h2> <h2 style="display: inline;">{{ title }}</h2>
<nav [ngClass]="{'side-menu-active': showMenu, 'side-menu-disactive': !showMenu}"> <nav class="navigation" [ngClass]="{'side-menu-active': showMenu, 'side-menu-disactive': !showMenu}">
<a routerLink="/summary" routerLinkActive="active" (click)="toggleMenu()">Summary</a> <ul>
<a routerLink="/jumpsList" routerLinkActive="active" (click)="toggleMenu()">List of jumps</a> <li><a routerLink="/summary" routerLinkActive="active" (click)="toggleMenu()">Summary</a></li>
<a routerLink="/dz" routerLinkActive="active" (click)="toggleMenu()">List of DZs</a> <li><a routerLink="/jumpsList" routerLinkActive="active" (click)="toggleMenu()">List of jumps</a></li>
<a routerLink="/aircraftList" routerLinkActive="active" (click)="toggleMenu()">List of aircrafts</a> <li><a routerLink="/dz" routerLinkActive="active" (click)="toggleMenu()">List of DZs</a></li>
<a routerLink="/jumpTypeList" routerLinkActive="active" (click)="toggleMenu()">List of jump types</a> <li><a routerLink="/aircraftList" routerLinkActive="active" (click)="toggleMenu()">List of aircrafts</a></li>
<a routerLink="/newjump" routerLinkActive="active" (click)="toggleMenu()">Add a new jump</a> <li><a routerLink="/jumpTypeList" routerLinkActive="active" (click)="toggleMenu()">List of jump types</a></li>
<li><a routerLink="/newjump" routerLinkActive="active" (click)="toggleMenu()">Add a new jump</a></li>
</ul>
</nav> </nav>
</header> </header>