Skip to content
Snippets Groups Projects
Commit f2e470a5 authored by Bastien DUMONT's avatar Bastien DUMONT :angel:
Browse files

chore(ui): remove duplicate colors & unused css

parent df9ae6e0
No related branches found
No related tags found
2 merge requests!783V3.0.0,!663chore(ui): remove duplicate colors & unused css
Showing
with 72 additions and 213 deletions
......@@ -27,8 +27,6 @@
h2 {
@include font-bold-18;
color: $grey-1;
text-transform: uppercase;
}
.userNumber {
......@@ -102,7 +100,6 @@
.noResult {
@include font-bold-16;
color: $grey-1;
}
.filtersInfo {
@include font-regular-14;
......@@ -139,7 +136,6 @@
}
.count {
@include font-bold-24;
color: $grey-1;
margin: 1.5rem 0;
}
.access {
......
......@@ -11,27 +11,6 @@
border-top: 1px solid $grey-7;
}
.btn-primary {
&.previous {
background-color: $white;
color: $grey-1;
border: 1px solid $grey-1;
}
&.invalid {
opacity: 0.4;
}
&:focus .print {
background-color: $primary-color;
}
&.next {
.rowBtn {
margin-left: 24px;
}
}
}
.print {
stroke: $white;
width: 20px;
......
......@@ -21,7 +21,6 @@
height: 100%;
margin: 0 auto;
overflow-y: auto;
color: $grey-1;
padding: 32px 48px;
display: flex;
justify-content: center;
......
......@@ -4,7 +4,7 @@
<p>L’employeur demandé est celui qui figure sur votre fiche de paie (ou fiche de poste)</p>
</div>
<div class="search-structure">
<div fxLayout="column" fxLayoutAlign="space-between" class="form-group search">
<div fxLayout="column" fxLayoutAlign="space-between" class="search">
<label for="employer">Employeur</label>
<div fxLayout="row" fxLayoutGap="13px">
<input
......
......@@ -11,39 +11,6 @@
width: 380px;
border-radius: 20px;
margin: 4px 0px;
.search-input {
height: 34px;
border: 0px;
@include font-regular-15;
font-style: italic;
padding: 0px;
margin: 0px 0px 0px 5px;
}
}
::ng-deep .searchIcon {
padding-right: 12px;
}
.nb {
padding: 0px 0px 0px 16px;
margin: 16px 0px;
}
.nb-text {
@include font-regular-13;
color: $grey-3;
}
.structure-list {
margin: 16px 0px;
}
.filet {
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: $grey-9;
}
.form-list {
......@@ -66,40 +33,6 @@
}
}
.item-frame {
padding: 0px 0px 0px 16px;
}
.name {
@include font-regular-16;
font-weight: 600;
color: $grey-1;
}
.commune {
@include font-regular-13;
font-style: italic;
color: $grey-3;
margin: 6px 0px;
}
.create-text {
@include font-regular-15;
color: $grey-1;
margin: 8px 0px;
}
.form-icon {
margin: 0px 24px;
}
.search-bar {
display: flex;
flex-direction: column;
* {
width: 400px;
}
}
.autocomplete-items {
width: 296px;
}
......@@ -12,14 +12,12 @@
</div>
<div class="scroll">
<div *ngIf="!isAlreadySearching">
<div class="nb">
<div *ngIf="structures">
<div *ngIf="searchString.length === 0" class="nb-text">{{ structures.length }} structures existantes</div>
<div *ngIf="searchString.length > 0" class="nb-text" [ngPlural]="structures.length">
<ng-template ngPluralCase="0">0 structure trouvée</ng-template>
<ng-template ngPluralCase="1">1 structure trouvée</ng-template>
<ng-template ngPluralCase="other">{{ structures.length }} structures trouvées</ng-template>
</div>
<div *ngIf="structures" class="nb">
<div *ngIf="searchString.length === 0" class="nb-text">{{ structures.length }} structures existantes</div>
<div *ngIf="searchString.length > 0" class="nb-text" [ngPlural]="structures.length">
<ng-template ngPluralCase="0">0 structure trouvée</ng-template>
<ng-template ngPluralCase="1">1 structure trouvée</ng-template>
<ng-template ngPluralCase="other">{{ structures.length }} structures trouvées</ng-template>
</div>
</div>
......
......@@ -30,16 +30,14 @@
overflow-y: scroll;
border: 1px solid $grey-6;
margin: 16px 0px 0px 0px;
}
.nb {
padding: 0px 0px 0px 16px;
margin: 16px 0px;
}
.nb-text {
@include font-regular-13;
color: $grey-3;
.nb {
padding: 0px 0px 0px 16px;
margin: 16px 0px;
.nb-text {
@include font-regular-13;
color: $grey-3;
}
}
}
.structure-list {
......@@ -99,7 +97,6 @@
.name {
@include font-regular-16;
font-weight: 600;
color: $grey-1;
}
.commune {
......@@ -111,7 +108,6 @@
.create-text {
@include font-regular-14;
color: $grey-1;
margin: 8px 0px;
.question {
font-weight: bold;
......
......@@ -37,7 +37,6 @@
.name {
@include font-regular-16;
font-weight: 600;
color: $grey-1;
}
.commune {
......
......@@ -22,7 +22,6 @@
}
.headerName {
@include font-bold-18;
color: $grey-1;
width: 100%;
}
}
......@@ -54,7 +53,6 @@
}
.selectListName {
@include font-bold-18;
color: $grey-1;
width: 100%;
}
h4 {
......
......@@ -38,7 +38,6 @@
text-align: center;
border: 1px solid $grey-1;
border-radius: 4px;
color: $grey-1;
@include font-regular-14;
margin: auto;
background: $white;
......
......@@ -22,7 +22,6 @@
width: 100%;
max-width: 980px;
box-sizing: border-box;
color: $grey-1;
background: $white;
border-radius: 8px;
border: 1px solid $grey-6;
......@@ -68,7 +67,6 @@
label {
margin-bottom: 4px;
@include font-regular-16;
color: $grey-1;
}
input {
width: 100%;
......
......@@ -37,7 +37,8 @@
::ng-deep .leaflet-control-zoom {
a {
color: $grey-1;
opacity: 0.55;
text-decoration: none;
opacity: 0.75;
&:hover {
opacity: 1;
}
......
......@@ -66,7 +66,6 @@
}
.tab {
color: $grey-1;
padding-bottom: 1rem;
justify-content: center;
display: flex;
......@@ -75,7 +74,7 @@
cursor: pointer;
}
&.selected {
color: $grey-1;
font-weight: bold;
border-bottom: 2px solid $grey-1;
}
}
......
......@@ -74,7 +74,6 @@
}
.tab {
color: $grey-1;
padding-bottom: 1rem;
justify-content: center;
display: flex;
......@@ -83,7 +82,7 @@
cursor: pointer;
}
&.selected {
color: $grey-1;
font-weight: bold;
border-bottom: 2px solid $grey-1;
}
}
......
......@@ -63,7 +63,6 @@
align-items: center;
.sectionTitle {
@include font-bold-18;
color: $grey-1;
}
.sectionButtons {
display: flex;
......@@ -77,10 +76,6 @@
display: flex;
flex-direction: column;
gap: 8px;
.email {
text-decoration: underline;
color: $grey-1;
}
}
&.members {
......
......@@ -91,7 +91,6 @@ section {
display: flex;
flex-direction: column;
gap: 8px;
color: $grey-1;
@include font-regular-14;
.row {
......
......@@ -12,7 +12,6 @@
min-height: 450px;
max-height: 75vh;
overflow-y: auto;
color: $grey-1;
background: $white;
border-radius: 8px;
border: 1px solid $grey-6;
......
......@@ -5,75 +5,60 @@
[validateDisabled]="!isPageValid"
(closed)="onSubmit()"
>
<div class="form">
<h1>
Acceptez-vous que les informations de vos structures soient mises à disposition sur la plateforme
data.grandlyon.com<sup>1</sup> ?
</h1>
<h1>
Acceptez-vous que les informations de vos structures soient mises à disposition sur la plateforme
data.grandlyon.com<sup>1</sup> ?
</h1>
<form class="dataShareConsent" [formGroup]="consentForm">
<div *ngIf="dataConsentPendingStructures && dataConsentPendingStructures.length > 1" class="formGroup inline">
Toutes les structures
<div class="buttons">
<app-radio-option
[id]="'allYes'"
[label]="'Oui'"
[value]="true"
[selected]="allSelected === true"
(click)="onRadioBtnChangeAll(true)"
/>
<app-radio-option
[id]="'allNo'"
[label]="'Non'"
[value]="false"
[selected]="allSelected === false"
(click)="onRadioBtnChangeAll(false)"
/>
</div>
<form class="dataShareConsent" [formGroup]="consentForm">
<div *ngIf="dataConsentPendingStructures && dataConsentPendingStructures.length > 1" class="formGroup inline">
Toutes les structures
<div class="buttons">
<app-radio-option
[id]="'allYes'"
[label]="'Oui'"
[value]="true"
[selected]="allSelected === true"
(click)="onRadioBtnChangeAll(true)"
/>
<app-radio-option
[id]="'allNo'"
[label]="'Non'"
[value]="false"
[selected]="allSelected === false"
(click)="onRadioBtnChangeAll(false)"
/>
</div>
<hr *ngIf="dataConsentPendingStructures && dataConsentPendingStructures.length > 1" />
</div>
<hr *ngIf="dataConsentPendingStructures && dataConsentPendingStructures.length > 1" />
<div *ngFor="let structure of dataConsentPendingStructures" class="formGroup inline">
{{ structure.structureName }}
<div class="buttons">
<app-radio-option
[id]="structure._id"
[label]="'Oui'"
[value]="true"
[selected]="processDataShareConsentDate(structure) === true"
(click)="onRadioBtnChangeStructure(structure._id, true)"
/>
<app-radio-option
[id]="structure._id"
[label]="'Non'"
[value]="false"
[selected]="processDataShareConsentDate(structure) === false"
(click)="onRadioBtnChangeStructure(structure._id, false)"
/>
</div>
<div *ngFor="let structure of dataConsentPendingStructures" class="formGroup inline">
{{ structure.structureName }}
<div class="buttons">
<app-radio-option
[id]="structure._id"
[label]="'Oui'"
[value]="true"
[selected]="processDataShareConsentDate(structure) === true"
(click)="onRadioBtnChangeStructure(structure._id, true)"
/>
<app-radio-option
[id]="structure._id"
[label]="'Non'"
[value]="false"
[selected]="processDataShareConsentDate(structure) === false"
(click)="onRadioBtnChangeStructure(structure._id, false)"
/>
</div>
</div>
<p class="informationEndForm">
<span class="asterisk">*</span> La Métropole de Lyon, engagée pour la transparence de l’action publique et la
valorisation de ses partenaires, encourage l’ouverture des données. Les données de votre structure seront
publiées sur la plateforme
<a href="https://data.grandlyon.com/" target="_blank">https://data.grandlyon.com/</a> sous la licence ouverte
(open data) et seront donc librement accessibles et réutilisables. Vous pourrez modifier votre choix à tout
moment, exercer vos droits d’accès et de modification, en le signifiant, par tout moyen à votre convenance,
auprès de vos interlocuteurs de la Métropole de Lyon.
</p>
<div class="footerModal" fxLayout="row" fxLayoutAlign="space-around center">
<button
type="button"
class="btn-primary"
[disabled]="!isPageValid"
[ngClass]="{ invalid: !isPageValid }"
(click)="onSubmit()"
>
Valider
</button>
</div>
</form>
</div>
<p class="informationEndForm">
<sup>1</sup>La Métropole de Lyon, engagée pour la transparence de l’action publique et la valorisation de ses
partenaires, encourage l’ouverture des données. Les données de votre structure seront publiées sur la plateforme
<a href="https://data.grandlyon.com/" target="_blank">https://data.grandlyon.com/</a> sous la licence ouverte
(open data) et seront donc librement accessibles et réutilisables. Vous pourrez modifier votre choix à tout
moment, exercer vos droits d’accès et de modification, en le signifiant, par tout moyen à votre convenance, auprès
de vos interlocuteurs de la Métropole de Lyon.
</p>
</form>
</app-v3-modal>
......@@ -8,25 +8,13 @@
h1 {
@include font-bold-26;
}
.form {
max-width: 90%;
margin: 32px;
}
.footerModal {
justify-content: center;
display: flex;
button {
&.invalid {
opacity: 0.4;
}
}
}
.formGroup {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
margin-block: 1rem;
text-align: left;
.buttons {
display: flex;
gap: 1rem;
......
......@@ -95,7 +95,6 @@
.headerMoreFilters {
position: relative;
text-align: center;
color: $grey-1;
background: white;
padding: 1rem;
@include font-bold-18;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment