From e8b52410de3a72dd243f8a349ca26f90d0464741 Mon Sep 17 00:00:00 2001
From: Albin <albin@les-tilleuls.coop>
Date: Wed, 5 Jun 2024 20:48:58 +0200
Subject: [PATCH] CFP vote ajout du message d'avertissement

---
 app/Resources/views/event/vote/sidebar.html.twig | 13 +++++++++++--
 app/Resources/views/event/vote/talk.html.twig    |  7 +++++++
 htdocs/css/stars.css                             |  4 ++--
 htdocs/css/vote.css                              | 14 ++++++++++----
 4 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/app/Resources/views/event/vote/sidebar.html.twig b/app/Resources/views/event/vote/sidebar.html.twig
index cbb227426..b53747b73 100644
--- a/app/Resources/views/event/vote/sidebar.html.twig
+++ b/app/Resources/views/event/vote/sidebar.html.twig
@@ -11,9 +11,18 @@
     </ul>
 
     <div style="padding: 10px">
-        <b>Quelle influence ont les votes sur le programme ?</b>
+        <p><strong>Quelle influence ont les votes sur le programme ?</strong></p>
 
-        À la fin de l’appel à conférences, l’équipe de programmation se réunit et sélectionne les propositions qui seront intégrées au programme. L’équipe ne choisit pas forcément les propositions les mieux notées : les votes n’ont pas de pouvoir décisionnaire. Ils nous permettent cependant de dégager des tendances, de comprendre quels sont les sujets intéressants pour le public, de mettre en évidence certaines propositions ou de confirmer l’intérêt que l’équipe ressent pour une soumission. Vous pouvez trouver plus d’informations sur le processus de sélection sur <a href="https://event.afup.org/processus-de-selection/">cette page</a>.
+        <p>
+            À la fin de l’appel à conférences, l’équipe de programmation se réunit et sélectionne les propositions qui seront intégrées au programme.
+            L’équipe ne choisit pas forcément les propositions les mieux notées : les votes n’ont pas de pouvoir décisionnaire.
+            Ils nous permettent cependant de dégager des tendances, de comprendre quels sont les sujets intéressants pour le public,
+            de mettre en évidence certaines propositions ou de confirmer l’intérêt que l’équipe ressent pour une soumission.
+        </p>
+        <p>
+            Vous pouvez trouver plus d’informations sur le processus de sélection sur
+            <a href="https://event.afup.org/processus-de-selection/">cette page</a>.
+        </p>
     </div>
 
 </div>
diff --git a/app/Resources/views/event/vote/talk.html.twig b/app/Resources/views/event/vote/talk.html.twig
index f0d9e5a1c..5666571d1 100644
--- a/app/Resources/views/event/vote/talk.html.twig
+++ b/app/Resources/views/event/vote/talk.html.twig
@@ -15,6 +15,8 @@
     <div class="event--vote-form">
         {{ form_start(talk.form) }}
             {{ form_row(talk.form.comment) }}
+
+
             <div class="event--vote-stars">
                 <div style="display: inline-block">
                     <div class="stars stars-editable">
@@ -27,6 +29,11 @@
                 </div>
             </div>
 
+        <p class="event--vote-warning">
+            Attention, le <a href="http://coc.afup.org/">code de conduite de l’AFUP</a> s’applique à cet espace de votes.<br />
+            Les personnes soumettant les sujets ont accès aux notes et aux commentaires.
+        </p>
+
             {{ form_rest(talk.form) }}
         {{ form_end(talk.form) }}
     </div>
diff --git a/htdocs/css/stars.css b/htdocs/css/stars.css
index e6e97859a..81d0d3dd7 100644
--- a/htdocs/css/stars.css
+++ b/htdocs/css/stars.css
@@ -1,6 +1,6 @@
 #svg-star, a.star svg, span.star svg {
-    width: 1em;
-    height: 1em;
+    width: 2em;
+    height: 2em;
     fill: white;
     pointer-events: none;
 }
diff --git a/htdocs/css/vote.css b/htdocs/css/vote.css
index 5def4bf6b..4689808ba 100644
--- a/htdocs/css/vote.css
+++ b/htdocs/css/vote.css
@@ -780,6 +780,10 @@ a {
 div.event--vote-form form{
     width: auto;
 }
+div.event--vote-form textarea{
+    width: 100%;
+    font-size: 13px;
+}
 div.event--vote-form label{
     min-width: 150px;
     display:block
@@ -807,6 +811,11 @@ div.event--vote-abstract{
 div.event--vote-abstract h1{
     font-size:1.9em;
 }
+.event--vote-warning {
+    padding: 10px;
+    border: 1px solid #ccc;
+    background-color: #fae8cc;
+}
 
 @media (max-width: 767px) {
     div.event--vote-form label{
@@ -838,6 +847,7 @@ button[type=submit] {
     background-color: #3e3d40 !important;
     color: white;
     font-weight: bold;
+    width: 100%;
 }
 
 button[type=submit].error {
@@ -1024,8 +1034,4 @@ div.photo-container{
     div.event--vote-details {
         width: 100%;
     }
-
-    .event--vote-form textarea {
-        width: 100%;
-    }
 }