isa44.74/organizee-front
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #82 from AlineRinquin/side-bar-custom

Browse source 
side-bar : personnalisation de la couleur
This commit is contained in:
AlineRinquin 2022-03-05 12:35:52 +01:00 • committed by GitHub
commit 0e2452570d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/components/side-bar/side-bar.component.html
View file

@ -1,4 +1,4 @@
<nav class="wrapper md-auto position-fixed "> <nav class="wrapper md-auto position-fixed" [ngStyle]="{'background-color':backgroundColor}">
<ul class="nav flex-column" id="sticky-sidebar"> <ul class="nav flex-column" id="sticky-sidebar">
<li class="nav-item" ngbNavItem="maTeam" > <li class="nav-item" ngbNavItem="maTeam" >
<a routerLink="/compte" routerLinkActive="active-custom" class="nav-link"> <a routerLink="/compte" routerLinkActive="active-custom" class="nav-link">

2
src/app/components/side-bar/side-bar.component.scss
View file

@ -5,7 +5,7 @@
width: auto; width: auto;
height: 100%; height: 100%;
position: absolute; position: absolute;
background-color: #c3c3e7; //background-color: #c3c3e7;
} }
.nav{ .nav{
margin-top: 20px; margin-top: 20px;

6
src/app/components/side-bar/side-bar.component.ts
View file

@ -1,4 +1,4 @@
import { Component, OnInit } from '@angular/core'; import { Component, Input, OnInit } from '@angular/core';
@Component({ @Component({
selector: 'app-side-bar', selector: 'app-side-bar',
@ -6,10 +6,14 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./side-bar.component.scss'] styleUrls: ['./side-bar.component.scss']
}) })
export class SideBarComponent implements OnInit { export class SideBarComponent implements OnInit {
@Input() backgroundColor!: string;
//@Input() backgroundColor = '#c3c3e7';
constructor() {} constructor() {}
ngOnInit(): void { ngOnInit(): void {
} }
} }