diff --git a/src/app/pages/voting/voting.component.html b/src/app/pages/voting/voting.component.html
index 0780b5bc..c9bd84ac 100644
--- a/src/app/pages/voting/voting.component.html
+++ b/src/app/pages/voting/voting.component.html
@@ -1,5 +1,6 @@
-
+
+
+
+
diff --git a/src/app/pages/voting/voting.component.scss b/src/app/pages/voting/voting.component.scss
index c1fda46f..4db27213 100644
--- a/src/app/pages/voting/voting.component.scss
+++ b/src/app/pages/voting/voting.component.scss
@@ -6,6 +6,12 @@ form{
align-items: center;
justify-content: flex-start;
}
+
+.popup{
+ display:flex;
+ flex-direction: column;
+ z-index:2222222222;
+}
.row{
flex-direction: row;
}
diff --git a/src/app/pages/voting/voting.component.ts b/src/app/pages/voting/voting.component.ts
index c8ec8c96..f99c6102 100644
--- a/src/app/pages/voting/voting.component.ts
+++ b/src/app/pages/voting/voting.component.ts
@@ -6,8 +6,9 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./voting.component.scss']
})
export class VotingComponent implements OnInit {
-
- constructor() { }
+ show_mask=true;
+ constructor() {
+ }
ngOnInit() {
}
diff --git a/src/assets/scss/atoms/_buttons.scss b/src/assets/scss/atoms/_buttons.scss
index 881cf7d0..c1b631c8 100644
--- a/src/assets/scss/atoms/_buttons.scss
+++ b/src/assets/scss/atoms/_buttons.scss
@@ -31,6 +31,12 @@
&--primary {
@include btnTheme($primary_color);
}
+ &--black-text {
+ color:black;
+ }
+ &--purple {
+ background-color:$pale-purple;
+ }
&--alert {
@include btnTheme($red);
diff --git a/src/assets/scss/useful_classes.scss b/src/assets/scss/useful_classes.scss
index c19b4116..69bb9730 100644
--- a/src/assets/scss/useful_classes.scss
+++ b/src/assets/scss/useful_classes.scss
@@ -8,3 +8,117 @@
.pull-right {
float: right;
}
+/*Btm paddings*/
+.padding-btm-x1{
+ padding-bottom:10px;
+}
+.padding-btm-x2{
+ padding-bottom:20px;
+}
+.padding-btm-x3{
+ padding-bottom:30px;
+}
+.padding-btm-x4{
+ padding-bottom:40px;
+}
+.padding-btm-x5{
+ padding-bottom:50px;
+}
+.padding-btm-x6{
+ padding-bottom:60px;
+}
+.padding-btm-x7{
+ padding-bottom:70px;
+}
+.padding-btm-x8{
+ padding-bottom:80px;
+}
+/*Btm margins*/
+.margin-btm-x1{
+ margin-bottom:10px;
+}
+.margin-btm-x2{
+ margin-bottom:20px;
+}
+.margin-btm-x3{
+ margin-bottom:30px;
+}
+.margin-btm-x4{
+ margin-bottom:40px;
+}
+.margin-btm-x5{
+ margin-bottom:50px;
+}
+.margin-btm-x6{
+ margin-bottom:60px;
+}
+.margin-btm-x7{
+ margin-bottom:70px;
+}
+.margin-btm-x8{
+ margin-bottom:80px;
+}
+/*Top paddings*/
+.padding-top-x1{
+ padding-top:10px;
+}
+.padding-top-x2{
+ padding-top:20px;
+}
+.padding-top-x3{
+ padding-top:30px;
+}
+.padding-top-x4{
+ padding-top:40px;
+}
+.padding-top-x5{
+ padding-top:50px;
+}
+.padding-top-x6{
+ padding-top:60px;
+}
+.padding-top-x7{
+ padding-top:70px;
+}
+.padding-top-x8{
+ padding-top:80px;
+}
+/*Top margins*/
+.margin-top-x1{
+ margin-top:10px;
+}
+.margin-top-x2{
+ margin-top:20px;
+}
+.margin-top-x3{
+ margin-top:30px;
+}
+.margin-top-x4{
+ margin-top:40px;
+}
+.margin-top-x5{
+ margin-top:50px;
+}
+.margin-top-x6{
+ margin-top:60px;
+}
+.margin-top-x7{
+ margin-top:70px;
+}
+.margin-top-x8{
+ margin-top:80px;
+}
+.text-14{
+ font-size: 14px;
+}
+
+/*Pour masquer la page lors de l'apparition d'une popup*/
+.rgba-black{
+position: fixed;
+inset: 0px;
+ width: 100vw;
+height: 100vh;
+border: medium none;
+z-index: 2147483647;
+background-color: rgba(216, 216, 216, 0.4);
+ }