today: temporaire, mise en place d'un petit slider

src/PotageBundle/Resources/views/Membre/today.html.twig

@@ -30,6 +30,11 @@
                          style="background-image: url('{{ asset('uploads/images/legumes/') }}{{ legume.image }}');">
 
                         <div class="overlay">
+                            <div class="slidecontainer">
+                                <input type="range" min="1" max="100" value="0"
+                                       class="slider" id="slider-{{ legume.id }}"
+                                       orient="vertical">
+                            </div>
                             <div class="texte">
                                 <h5>{{ legume.nom }}</h5>
                                 <p>{{ legume.description }}</p>

web/css/style.css

@@ -390,7 +390,14 @@ body[id^='today'] #offre.grid div.item .overlay {
     color: white;
     opacity: 0;
 }
-
+.overlay div.slidecontainer {
+    position: absolute;
+    top: 0; left: 0; bottom: 0;
+    padding: 1.2em 1.5em;
+}
+.overlay div.texte {
+    margin-left: 2.5em;
+}
 .overlay div.prixPoids {
     position: absolute;
     padding: 1em;
@@ -414,3 +421,12 @@ body[id^='today'] div.user {
     margin: 2em 0;
 }
 
+input[type=range][orient=vertical]
+{
+    writing-mode: bt-lr; /* IE */
+    -webkit-appearance: slider-vertical; /* WebKit */
+    width: 8px;
+    height: 100%;
+    padding: 0 5px;
+    border-radius: 3px;
+}
\ No newline at end of file