From 430f04507c151a80fa96c8d29148f2d76a96c1fd Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Thu, 24 Nov 2022 11:15:59 +0100
Subject: [PATCH 1/9] feat(css): refactor of icon size, dynamique generation of
class
---
.../svg-icon/svg-icon.component.scss | 57 +++++++------------
1 file changed, 19 insertions(+), 38 deletions(-)
diff --git a/src/app/shared/components/svg-icon/svg-icon.component.scss b/src/app/shared/components/svg-icon/svg-icon.component.scss
index 5630b1b40..ded8d76a1 100644
--- a/src/app/shared/components/svg-icon/svg-icon.component.scss
+++ b/src/app/shared/components/svg-icon/svg-icon.component.scss
@@ -5,6 +5,20 @@
align-items: center;
}
+$sizes: (
+ 16: 16px,
+ 22: 22px,
+ 26: 26px,
+ 28: 28px,
+ 30: 30px,
+ 32: 32px,
+ 40: 40px,
+ 52: 52px,
+ 75: 75px,
+ 80: 80px,
+ 112: 112px,
+);
+
.icon {
display: inline-block;
height: 2em;
@@ -13,44 +27,11 @@
width: unset;
height: unset;
}
- &.icon-16 {
- height: 16px;
- width: 16px;
- }
- &.icon-26 {
- height: 26px;
- width: 26px;
- }
- &.icon-28 {
- width: 28px;
- height: 28px;
- }
- &.icon-30 {
- width: 30px;
- height: 30px;
- }
- &.icon-32 {
- width: 32px;
- height: 32px;
- }
- &.icon-52 {
- width: 52px;
- height: 52px;
- }
- &.icon-40 {
- width: 40px;
- height: 40px;
- }
- &.icon-75 {
- width: 4.688em;
- }
- &.icon-80 {
- height: 80px;
- width: 80px;
- }
- &.icon-112 {
- height: 112px;
- width: 112px;
+ @each $sizename, $size in $sizes {
+ &.icon-#{$sizename} {
+ height: $size;
+ width: $size;
+ }
}
&.validation {
height: 36px;
--
GitLab
From 6dd1bfbbf35367ca1e5c64b9387e8f7681b3b5bf Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Thu, 24 Nov 2022 11:16:17 +0100
Subject: [PATCH 2/9] feat(css): add generic flex class
---
src/styles.scss | 14 ++++++++++++++
1 file changed, 14 insertions(+)
diff --git a/src/styles.scss b/src/styles.scss
index ebb342d25..a5947bffd 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -294,6 +294,20 @@ button {
}
}
+.flex {
+ &.row {
+ flex-direction: row;
+ }
+ &.row-wrap {
+ flex-flow: row wrap;
+ }
+ &.column {
+ flex-direction: column;
+ }
+ box-sizing: border-box;
+ display: flex;
+}
+
// PRINT
@media print {
--
GitLab
From 6159e176ed29ed34498158389af36eca764b024b Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Thu, 24 Nov 2022 11:18:17 +0100
Subject: [PATCH 3/9] feat: update orientation print
---
.../structure-detail-print.component.html | 77 +++++++++++--------
.../structure-detail-print.component.scss | 40 ++++++++--
2 files changed, 77 insertions(+), 40 deletions(-)
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
index e240471c1..e2b4624e9 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
@@ -8,11 +8,17 @@
<div class="mobile-column">
<div fxLayout="column" fxFlex="100%">
<div *ngIf="structure.address" fxLayout="row" fxLayoutAlign="none center" fxLayoutGap="13px">
- <app-svg-icon [type]="'ico'" [icon]="'adress'" [title]="'Adresse'"></app-svg-icon>
+ <app-svg-icon [type]="'ico'" [icon]="'adress'" [title]="'Adresse'" [iconClass]="'icon-22'"></app-svg-icon>
<p>{{ structure.address.numero }} {{ structure.address.street }}, {{ structure.address.commune }}</p>
</div>
- <div *ngIf="structure.contactPhone" fxLayout="row" fxLayoutAlign="none center" fxLayoutGap="13px">
- <app-svg-icon [type]="'ico'" [icon]="'tel'" [title]="'Téléphone'"></app-svg-icon>
+ <div
+ *ngIf="structure.contactPhone"
+ fxLayout="row"
+ fxLayoutAlign="none center"
+ [iconClass]="'icon-22'"
+ fxLayoutGap="13px"
+ >
+ <app-svg-icon [type]="'ico'" [icon]="'tel'" [title]="'Téléphone'" [iconClass]="'icon-22'"></app-svg-icon>
<p>{{ structure.contactPhone | phone }}</p>
</div>
<div
@@ -21,7 +27,12 @@
fxLayoutAlign="none center"
fxLayoutGap="13px"
>
- <app-svg-icon [type]="'ico'" [iconClass]="'grey-1'" [icon]="'email'" [title]="'Email'"></app-svg-icon>
+ <app-svg-icon
+ [type]="'ico'"
+ [iconClass]="'grey-1 icon-22'"
+ [icon]="'email'"
+ [title]="'Email'"
+ ></app-svg-icon>
<p>{{ structure.contactMail }}</p>
</div>
</div>
@@ -31,50 +42,50 @@
<!-- Accueil -->
<div
*ngIf="tclStopPoints || structure.hours.hasData() || structure.remoteAccompaniment"
- fxLayout="column"
- class="structure-details-block"
- fxLayoutAlign="baseline baseline"
- fxLayoutGap="20px"
+ class="structure-details-block flex column"
>
<!-- Opening Hours -->
- <div fxLayout="row" class="w-100 mobile-column">
- <div *ngIf="structure.hours.hasData()" fxFlex="60%">
- <h3 class="subtitle">Horaires</h3>
- <div fxLayout="column">
- <div *ngFor="let day of structure.hours | keyvalue: keepOriginalOrder">
- <div *ngIf="day.value.open" fxLayout="row" fxLayoutAlign="none baseline">
- <h4 fxFlex="30%">{{ day.key | day }}</h4>
- <div class="opening-time w100" fxLayout="column" fxLayoutAlign="none baseline">
- <div *ngFor="let timeRange of day.value.time">
- <p *ngIf="timeRange.opening">
- de {{ timeRange.formatOpeningDate() }} Ã {{ timeRange.formatClosingDate() }}
- </p>
- </div>
+ <div class="w-100 mobile-column flex row mb-20">
+ <div *ngIf="structure.hours.hasData()" class="time-container">
+ <h3 class="subtitle">HORAIRES</h3>
+ <div *ngFor="let day of structure.hours | keyvalue: keepOriginalOrder">
+ <div *ngIf="day.value.open" class="time-range">
+ <h4>{{ day.key | day }}</h4>
+ <div class="opening-time w100">
+ <!-- fxLayout="column" fxLayoutAlign="none baseline" -->
+ <div *ngFor="let timeRange of day.value.time">
+ <p *ngIf="timeRange.opening">{{ timeRange.opening }} - {{ timeRange.closing }}</p>
</div>
</div>
</div>
</div>
</div>
<!-- accessModality -->
- <div *ngIf="tclStopPoints.length > 0" fxFlex="40%">
- <h3 class="subtitle">Accès</h3>
- <div fxLayout="column">
+ <div *ngIf="tclStopPoints.length > 0">
+ <h3 class="subtitle">ACCÈS</h3>
+ <div class="flex column">
<div *ngFor="let tclStop of tclStopPoints | slice: 0:3">
- <div fxLayout="row wrap" fxLayoutGap="5px" class="tclStop">
+ <div class="flex column tclStop">
<p>{{ tclStop.name }}:</p>
- <p *ngIf="tclStop.subLines.length > 0">Métro</p>
- <p *ngFor="let sub of tclStop.subLines">{{ sub }}</p>
- <p *ngIf="tclStop.tramLines.length > 0">Tram</p>
- <p *ngFor="let tram of tclStop.tramLines">{{ tram }}</p>
- <p *ngIf="tclStop.busLines.length > 0">Bus</p>
- <p *ngFor="let bus of tclStop.busLines">{{ bus }}</p>
+ <div class="flex row">
+ <p *ngIf="tclStop.subLines.length > 0" class="bold">Métro : </p>
+ <p *ngFor="let sub of tclStop.subLines" class="line">{{ sub }}</p>
+ </div>
+ <div class="flex row">
+ <p *ngIf="tclStop.tramLines.length > 0" class="bold">Tram : </p>
+ <p *ngFor="let tram of tclStop.tramLines" class="line">{{ tram }}</p>
+ </div>
+ <div class="flex row">
+ <p *ngIf="tclStop.busLines.length > 0" class="bold">Bus : </p>
+ <p *ngFor="let bus of tclStop.busLines" class="line">{{ bus }}</p>
+ </div>
</div>
</div>
</div>
</div>
</div>
- <div *ngIf="structure.exceptionalClosures" class="bold-info">
- <h3 class="subtitle">Précisions sur les horaires</h3>
+ <div *ngIf="structure.exceptionalClosures" class="bold-info mb-20">
+ <h3 class="subtitle">PRÉCISIONS SUR LES HORAIRES</h3>
<p>{{ structure.exceptionalClosures }}</p>
</div>
<div *ngIf="structure.remoteAccompaniment" class="bold-info">
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
index 080285824..02ba7546e 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
@@ -15,16 +15,14 @@ h3 {
@include lato-regular-16;
}
h4 {
- margin-left: 0;
- margin-bottom: 0;
- margin-top: 4px;
+ margin: 0;
@include lato-regular-14;
color: $grey-2;
text-transform: capitalize;
}
p,
.custom-link {
- @include lato-regular-16;
+ @include lato-regular-14;
margin-top: 9px;
margin-bottom: 9px;
&.no-margin {
@@ -103,6 +101,9 @@ a {
}
.mobile-column {
+ p {
+ margin: 0;
+ }
@media #{$tablet} {
flex-direction: row;
}
@@ -122,7 +123,32 @@ a {
flex-direction: column;
}
}
-.tclStop p {
- margin-top: 0;
- margin-bottom: 0.2rem;
+
+.tclStop {
+ margin-bottom: 4px;
+ .line:not(:empty):not(:last-child):after {
+ content: ', ';
+ }
+ p {
+ margin-top: 0;
+ margin-bottom: 0.2rem;
+ }
+}
+
+.time-container {
+ flex: 1 1 100%;
+ box-sizing: border-box;
+ max-width: 50%;
+}
+.time-range {
+ flex-direction: column;
+ box-sizing: border-box;
+ display: flex;
+ place-content: stretch flex-start;
+ align-items: baseline;
+ margin-bottom: 4px;
+}
+
+.mb-20 {
+ margin-bottom: 20px;
}
--
GitLab
From 1d1b3a5b1e3c9d62813319ab72a77aeb19e2442e Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Thu, 24 Nov 2022 15:37:05 +0000
Subject: [PATCH 4/9] Apply 3 suggestion(s) to 2 file(s)
---
.../structure-detail-print.component.html | 3 +--
.../structure-detail-print.component.scss | 2 +-
2 files changed, 2 insertions(+), 3 deletions(-)
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
index e2b4624e9..c13a4b319 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
@@ -52,7 +52,6 @@
<div *ngIf="day.value.open" class="time-range">
<h4>{{ day.key | day }}</h4>
<div class="opening-time w100">
- <!-- fxLayout="column" fxLayoutAlign="none baseline" -->
<div *ngFor="let timeRange of day.value.time">
<p *ngIf="timeRange.opening">{{ timeRange.opening }} - {{ timeRange.closing }}</p>
</div>
@@ -66,7 +65,7 @@
<div class="flex column">
<div *ngFor="let tclStop of tclStopPoints | slice: 0:3">
<div class="flex column tclStop">
- <p>{{ tclStop.name }}:</p>
+ <p>{{ tclStop.name }}</p>
<div class="flex row">
<p *ngIf="tclStop.subLines.length > 0" class="bold">Métro : </p>
<p *ngFor="let sub of tclStop.subLines" class="line">{{ sub }}</p>
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
index 02ba7546e..9c8ccbdb3 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
@@ -136,7 +136,7 @@ a {
}
.time-container {
- flex: 1 1 100%;
+ flex: 1;
box-sizing: border-box;
max-width: 50%;
}
--
GitLab
From 3d7a9ddbdb0d1090ebe9e0c81c433189b50ef5bc Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Thu, 24 Nov 2022 16:39:11 +0100
Subject: [PATCH 5/9] mr return
---
.../structure-detail-print.component.html | 16 ++++++++--------
.../structure-detail-print.component.scss | 18 ++++++------------
2 files changed, 14 insertions(+), 20 deletions(-)
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
index e2b4624e9..c6b3b7cea 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
@@ -49,7 +49,7 @@
<div *ngIf="structure.hours.hasData()" class="time-container">
<h3 class="subtitle">HORAIRES</h3>
<div *ngFor="let day of structure.hours | keyvalue: keepOriginalOrder">
- <div *ngIf="day.value.open" class="time-range">
+ <div *ngIf="day.value.open" class="mb4">
<h4>{{ day.key | day }}</h4>
<div class="opening-time w100">
<!-- fxLayout="column" fxLayoutAlign="none baseline" -->
@@ -61,22 +61,22 @@
</div>
</div>
<!-- accessModality -->
- <div *ngIf="tclStopPoints.length > 0">
+ <div *ngIf="tclStopPoints.length">
<h3 class="subtitle">ACCÈS</h3>
<div class="flex column">
<div *ngFor="let tclStop of tclStopPoints | slice: 0:3">
<div class="flex column tclStop">
<p>{{ tclStop.name }}:</p>
- <div class="flex row">
- <p *ngIf="tclStop.subLines.length > 0" class="bold">Métro : </p>
+ <div class="flex">
+ <p *ngIf="tclStop.subLines.length" class="bold">Métro : </p>
<p *ngFor="let sub of tclStop.subLines" class="line">{{ sub }}</p>
</div>
- <div class="flex row">
- <p *ngIf="tclStop.tramLines.length > 0" class="bold">Tram : </p>
+ <div class="flex">
+ <p *ngIf="tclStop.tramLines.length" class="bold">Tram : </p>
<p *ngFor="let tram of tclStop.tramLines" class="line">{{ tram }}</p>
</div>
- <div class="flex row">
- <p *ngIf="tclStop.busLines.length > 0" class="bold">Bus : </p>
+ <div class="flex">
+ <p *ngIf="tclStop.busLines.length" class="bold">Bus : </p>
<p *ngFor="let bus of tclStop.busLines" class="line">{{ bus }}</p>
</div>
</div>
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
index 02ba7546e..b1ee441e7 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
@@ -12,7 +12,7 @@ h2 {
}
h3 {
margin: 0 0 8px 0;
- @include lato-regular-16;
+ @include lato-regular-14;
}
h4 {
margin: 0;
@@ -56,8 +56,8 @@ a {
.structure-details-container > .structure-details-block {
.subtitle {
- @include lato-bold-16;
- margin-bottom: 10px;
+ @include lato-bold-14;
+ margin-bottom: 8px;
color: $grey-3;
}
}
@@ -80,7 +80,7 @@ a {
}
.bold-info {
- @include lato-bold-16;
+ @include lato-bold-14;
}
@media print {
@@ -127,11 +127,10 @@ a {
.tclStop {
margin-bottom: 4px;
.line:not(:empty):not(:last-child):after {
- content: ', ';
+ content: ',\00a0';
}
p {
margin-top: 0;
- margin-bottom: 0.2rem;
}
}
@@ -140,12 +139,7 @@ a {
box-sizing: border-box;
max-width: 50%;
}
-.time-range {
- flex-direction: column;
- box-sizing: border-box;
- display: flex;
- place-content: stretch flex-start;
- align-items: baseline;
+.mb4 {
margin-bottom: 4px;
}
--
GitLab
From d890b9e5e2ff14b414577cccbaf2d9be5daf08fb Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Thu, 24 Nov 2022 16:47:16 +0100
Subject: [PATCH 6/9] fix: useless using of class
---
.../structure-detail-print.component.html | 2 +-
.../structure-detail-print.component.scss | 10 ++++------
2 files changed, 5 insertions(+), 7 deletions(-)
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
index 1b5e59274..e950e1655 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
@@ -83,7 +83,7 @@
</div>
</div>
</div>
- <div *ngIf="structure.exceptionalClosures" class="bold-info mb-20">
+ <div *ngIf="structure.exceptionalClosures" class="mb-20">
<h3 class="subtitle">PRÉCISIONS SUR LES HORAIRES</h3>
<p>{{ structure.exceptionalClosures }}</p>
</div>
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
index 33d854483..1853e7676 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
@@ -54,12 +54,10 @@ a {
}
}
-.structure-details-container > .structure-details-block {
- .subtitle {
- @include lato-bold-14;
- margin-bottom: 8px;
- color: $grey-3;
- }
+.subtitle {
+ @include lato-bold-14;
+ margin-bottom: 8px;
+ color: $grey-3;
}
.structure-details-container > .structure-details-block ~ .structure-details-block {
--
GitLab
From ccdfafdc868787610cc03add135ff4e0a2f5acf6 Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Thu, 24 Nov 2022 16:50:30 +0100
Subject: [PATCH 7/9] fix: unnecessary div
---
.../structure-detail-print.component.html | 28 +++++++++----------
1 file changed, 13 insertions(+), 15 deletions(-)
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
index e950e1655..957049b1f 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
@@ -63,21 +63,19 @@
<div *ngIf="tclStopPoints.length">
<h3 class="subtitle">ACCÈS</h3>
<div class="flex column">
- <div *ngFor="let tclStop of tclStopPoints | slice: 0:3">
- <div class="flex column tclStop">
- <p>{{ tclStop.name }}</p>
- <div class="flex">
- <p *ngIf="tclStop.subLines.length" class="bold">Métro : </p>
- <p *ngFor="let sub of tclStop.subLines" class="line">{{ sub }}</p>
- </div>
- <div class="flex">
- <p *ngIf="tclStop.tramLines.length" class="bold">Tram : </p>
- <p *ngFor="let tram of tclStop.tramLines" class="line">{{ tram }}</p>
- </div>
- <div class="flex">
- <p *ngIf="tclStop.busLines.length" class="bold">Bus : </p>
- <p *ngFor="let bus of tclStop.busLines" class="line">{{ bus }}</p>
- </div>
+ <div *ngFor="let tclStop of tclStopPoints | slice: 0:3" class="flex column tclStop">
+ <p>{{ tclStop.name }}</p>
+ <div class="flex">
+ <p *ngIf="tclStop.subLines.length" class="bold">Métro : </p>
+ <p *ngFor="let sub of tclStop.subLines" class="line">{{ sub }}</p>
+ </div>
+ <div class="flex">
+ <p *ngIf="tclStop.tramLines.length" class="bold">Tram : </p>
+ <p *ngFor="let tram of tclStop.tramLines" class="line">{{ tram }}</p>
+ </div>
+ <div class="flex">
+ <p *ngIf="tclStop.busLines.length" class="bold">Bus : </p>
+ <p *ngFor="let bus of tclStop.busLines" class="line">{{ bus }}</p>
</div>
</div>
</div>
--
GitLab
From 55d6540f305b3906f92da66ec8740dff280527a5 Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Fri, 25 Nov 2022 09:41:44 +0100
Subject: [PATCH 8/9] fix: style format
---
.../structure-detail-print.component.html | 4 ++--
.../structure-detail-print.component.scss | 2 +-
2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
index 957049b1f..31324fa97 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
@@ -49,7 +49,7 @@
<div *ngIf="structure.hours.hasData()" class="time-container">
<h3 class="subtitle">HORAIRES</h3>
<div *ngFor="let day of structure.hours | keyvalue: keepOriginalOrder">
- <div *ngIf="day.value.open" class="mb4">
+ <div *ngIf="day.value.open" class="mb-4">
<h4>{{ day.key | day }}</h4>
<div class="opening-time w100">
<div *ngFor="let timeRange of day.value.time">
@@ -62,7 +62,7 @@
<!-- accessModality -->
<div *ngIf="tclStopPoints.length">
<h3 class="subtitle">ACCÈS</h3>
- <div class="flex column">
+ <div class="flex column container">
<div *ngFor="let tclStop of tclStopPoints | slice: 0:3" class="flex column tclStop">
<p>{{ tclStop.name }}</p>
<div class="flex">
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
index 1853e7676..2fbe4c4a2 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
@@ -137,7 +137,7 @@ a {
box-sizing: border-box;
max-width: 50%;
}
-.mb4 {
+.mb-4 {
margin-bottom: 4px;
}
--
GitLab
From 40e10f697e2853db3d6c5fb7f911f95388899589 Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Fri, 25 Nov 2022 09:46:17 +0100
Subject: [PATCH 9/9] fix: camelcase
---
.../structure-detail-print.component.html | 8 ++++----
.../structure-detail-print.component.scss | 6 +++---
2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
index 31324fa97..d5b08144c 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.html
@@ -45,11 +45,11 @@
class="structure-details-block flex column"
>
<!-- Opening Hours -->
- <div class="w-100 mobile-column flex row mb-20">
- <div *ngIf="structure.hours.hasData()" class="time-container">
+ <div class="w-100 mobile-column flex row mb20">
+ <div *ngIf="structure.hours.hasData()" class="timeContainer">
<h3 class="subtitle">HORAIRES</h3>
<div *ngFor="let day of structure.hours | keyvalue: keepOriginalOrder">
- <div *ngIf="day.value.open" class="mb-4">
+ <div *ngIf="day.value.open" class="mb4">
<h4>{{ day.key | day }}</h4>
<div class="opening-time w100">
<div *ngFor="let timeRange of day.value.time">
@@ -81,7 +81,7 @@
</div>
</div>
</div>
- <div *ngIf="structure.exceptionalClosures" class="mb-20">
+ <div *ngIf="structure.exceptionalClosures" class="mb20">
<h3 class="subtitle">PRÉCISIONS SUR LES HORAIRES</h3>
<p>{{ structure.exceptionalClosures }}</p>
</div>
diff --git a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
index 2fbe4c4a2..803cfe07f 100644
--- a/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
+++ b/src/app/shared/components/structure-detail-print/structure-detail-print.component.scss
@@ -132,15 +132,15 @@ a {
}
}
-.time-container {
+.timeContainer {
flex: 1;
box-sizing: border-box;
max-width: 50%;
}
-.mb-4 {
+.mb4 {
margin-bottom: 4px;
}
-.mb-20 {
+.mb20 {
margin-bottom: 20px;
}
--
GitLab