Skip to content
Snippets Groups Projects
Unverified Commit 05c79ad7 authored by florimondmanca's avatar florimondmanca
Browse files

remove obsolete nav components

parent fe655bd2
No related branches found
No related tags found
2 merge requests!26Release first-users version to production,!24Extract generic layout with blue and white themes
<div class="blue_navbar drop-shadow-md">
<div class="top">
<a routerLink="/" class='logo-container'>
<img src='assets/img/oser-logo.png' alt='Logo' class='logo'>
</a>
<div class="blue_nav-wide">
</div>
<i (click)="toggle()" class="blue_hamburger fa fa-bars fa-2x"></i>
</div>
</div>
@import '~sass/media-queries';
@import '~sass/variables';
$margin-page: 2em;
$col-padding: 10px;
.blue_navbar {
position: static;
top: 0;
padding: 0 $margin-page;
margin: 0;
background: white;
z-index: 10;
display: flex;
flex-flow: column nowrap;
}
.top {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
a.logo-container {
display: block;
padding: $col-padding;
margin: 0;
margin-right: auto;
}
img.logo {
width: 100%;
max-width: 15em;
padding-top: .3em;
padding-bottom: .2em;
}
i.blue_hamburger {
cursor: pointer;
margin-left: auto;
margin-right: 0;
color: $color-dark-blue;
display: block;
@include media-md {
display: none;
}
}
.blue_nav-wide {
height: 100%;
margin-top: auto;
display: none;
flex: 1;
@include media-md {
display: flex;
}
}
.blue_nav-narrow {
display: block;
@include media-md() {
display: none;
}
}
import { Component, Input } from '@angular/core';
import { AuthService } from 'app/core';
import { Link } from '../nav.model';
@Component({
selector: 'blue_navbar.component',
templateUrl: './blue_navbar.component.html',
styleUrls: ['./blue_navbar.component.scss']
})
export class BlueNavbarComponent {
visible = false;
@Input() links: Link[] = [];
constructor() { }
toggle(): void {
this.visible = !this.visible;
}
}
...@@ -3,4 +3,3 @@ export * from './navbar/navbar.component'; ...@@ -3,4 +3,3 @@ export * from './navbar/navbar.component';
export * from './footer/footer.component'; export * from './footer/footer.component';
export * from './ui-gallery/ui-gallery.component'; export * from './ui-gallery/ui-gallery.component';
export * from './nav.model'; export * from './nav.model';
export * from './blue_navbar/blue_navbar.component';
<ul>
<li *ngFor="let link of links">
<app-nav-item [link]="link"></app-nav-item>
</li>
</ul>
ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
li {
text-align: center;
}
}
import { Component, Input } from '@angular/core';
import { Link } from '../nav.model';
@Component({
selector: 'app-nav-group-vertical',
templateUrl: './nav-group-vertical.component.html',
styleUrls: ['./nav-group-vertical.component.scss']
})
export class NavGroupVerticalComponent {
@Input() links: Link[];
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment