dossiers: ask heavy users for feedback

app/assets/stylesheets/new_design/_colors.scss

@@ -14,3 +14,4 @@ $light-green: lighten($green, 25%);
 $dark-green: darken($green, 20%);
 $orange: #F28900;
 $orange-bg: lighten($orange, 35%);
+$light-yellow: #FFFFDE;

app/assets/stylesheets/new_design/card.scss

@@ -6,6 +6,12 @@
   border: 1px solid $border-grey;
   margin-bottom: $default-spacer * 2;
 
+  .card-title {
+    font-weight: bold;
+    font-size: 20px;
+    margin-bottom: $default-spacer * 2;
+  }
+
   &.featured {
     border-top: 8px solid $blue;
 
@@ -14,9 +20,16 @@
     }
   }
 
-  .card-title {
-    font-weight: bold;
-    font-size: 20px;
-    margin-bottom: $default-spacer * 2;
+  &.feedback {
+    max-width: 600px;
+    margin: 30px auto;
+    padding: ($default-spacer * 2) ($default-spacer * 4);
+    font-size: small;
+    border: 1px dashed $border-grey;
+    background: $light-yellow;
+
+    .card-title {
+      margin-bottom: $default-spacer;
+    }
   }
 }

app/views/new_user/dossiers/index.html.haml

@@ -15,6 +15,14 @@
 
 .container
   - if @dossiers.present?
+    - if @dossiers.total_pages >= 2
+      .card.feedback
+        .card-title Nous avons redesigné la liste des dossiers.
+        %p
+          Une suggestion pour améliorer cette page ? Votre avis nous intéresse ! Écrivez-nous à
+          = mail_to CONTACT_EMAIL, CONTACT_EMAIL, subject: "Amélioration de la liste des dossiers"
+          \.
+
     %table.table.dossiers-table.hoverable
       %thead
         %tr

app/views/root/patron.html.haml

@@ -84,6 +84,11 @@
         Titre de la carte mise en avant
       Et voici le contenu de la carte
 
+    .card.feedback
+      .card-title
+        Titre de la carte pour demander un avis
+      Utilisez cette carte pour informer d’une nouveauté produit ou demander l’avis des utilisateurs.
+
     %h1 Table
 
     %table.table