From 73b9d496e68db9c0bdb49e1f53fc3a25129c97eb Mon Sep 17 00:00:00 2001 From: Le Libre Au Quotidien Date: Sun, 29 Dec 2019 18:35:15 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=89=F0=9F=8E=89=20Page=20termin=C3=A9e?= =?UTF-8?q?=20=F0=9F=8E=89=F0=9F=8E=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/pages/voting/voting.component.html | 43 +++++--- src/app/pages/voting/voting.component.scss | 6 ++ src/app/pages/voting/voting.component.ts | 5 +- src/assets/scss/atoms/_buttons.scss | 6 ++ src/assets/scss/useful_classes.scss | 114 +++++++++++++++++++++ 5 files changed, 158 insertions(+), 16 deletions(-) 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 @@ -
-

Nom du sondage

+ + +

Nom du sondage

crée par piou

@@ -12,7 +13,8 @@ - + +

Pour l'instant, le choix ayant reçu le plus grand nombre de votes est :

  • - Vendredi 6 juillet
  • @@ -20,31 +22,44 @@

    • - -

    Les commentaires

    + +

    Les commentaires

    Pikachu - le 26 novembre 2019 + le 26 novembre 2019 Rock Luxio Surskit. Glacier Badge

    Bulbizarre - le 23 décembre 2019 + le 23 décembre 2019 Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge

    -

    Laisser un commentaire

    +

    Laisser un commentaire

    - + -

    Partager le sondage

    - - -

    Exporter/Imprimer

    - +

    Partager le sondage

    + + +

    Exporter/Imprimer

    +
    +
    +

    Participation validée !

    +

    Votre vote a bien été pris en compte, mais faites attention : ce sondage n'autorise l'édition de votre vote qu'avec le lien personnalisé suivant :

    +

    https://framadate.org/urladmindusondage

    + +

    Conservez-le précieusement !

    + + + +
    +
    + +
    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); + }