From 6d6eadbd4447e2792b1100521d3fc269ccab7454 Mon Sep 17 00:00:00 2001 From: Marlene Simondant <msimondant@grandlyon.com> Date: Mon, 17 Jan 2022 12:06:52 +0100 Subject: [PATCH 1/2] feat(version): Display app version --- src/app/about/about.component.html | 1 + src/app/about/about.component.scss | 6 ++++++ src/app/about/about.component.ts | 10 +++++----- 3 files changed, 12 insertions(+), 5 deletions(-) diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html index 678e05776..23034e3aa 100644 --- a/src/app/about/about.component.html +++ b/src/app/about/about.component.html @@ -27,6 +27,7 @@ acteurs. </p> <p>N'hésitez pas à contribuer à cet espace en partageant vos ressources</p> + <p class="version" fxLayoutAlign="center center">Version : {{ version }}</p> </div> <div fxLayout="column" fxLayoutAlign="center center" fxLayoutGap="20px"> <img src="/assets/logos/logo_europe.png" width="220" height="168" alt="logo de l'union européenne" /> diff --git a/src/app/about/about.component.scss b/src/app/about/about.component.scss index 08f1b70f1..12bc848c1 100644 --- a/src/app/about/about.component.scss +++ b/src/app/about/about.component.scss @@ -13,3 +13,9 @@ h2 { .about-container { max-width: 760px; } + +.version { + padding-top: 80px; + font-size: 12px; + color: #717171; +} diff --git a/src/app/about/about.component.ts b/src/app/about/about.component.ts index 9898f7a23..1368672d6 100644 --- a/src/app/about/about.component.ts +++ b/src/app/about/about.component.ts @@ -1,15 +1,15 @@ import { Component, OnInit } from '@angular/core'; +import { version } from '../../../package.json'; @Component({ selector: 'app-about', templateUrl: './about.component.html', - styleUrls: ['./about.component.scss'] + styleUrls: ['./about.component.scss'], }) export class AboutComponent implements OnInit { + public version: string = version; - constructor() { } - - ngOnInit(): void { - } + constructor() {} + ngOnInit(): void {} } -- GitLab From 739d52e3fd5c3c1d729203cace82c1c17ab0b67e Mon Sep 17 00:00:00 2001 From: Marlene Simondant <msimondant@grandlyon.com> Date: Wed, 19 Jan 2022 14:29:32 +0100 Subject: [PATCH 2/2] fix: use css variables for font color and size --- src/app/about/about.component.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/about/about.component.scss b/src/app/about/about.component.scss index 12bc848c1..a5d775dd2 100644 --- a/src/app/about/about.component.scss +++ b/src/app/about/about.component.scss @@ -16,6 +16,6 @@ h2 { .version { padding-top: 80px; - font-size: 12px; - color: #717171; + font-size: $font-size-xxsmall; + color: $grey-3; } -- GitLab