Commit 3021844b authored by Mat's avatar Mat

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

parent 38cf1c0a
......@@ -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>
......
......@@ -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
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment