Calendar (WIP): user can select a day
This commit is contained in:
parent
79a0aeb1b8
commit
d8641d4db6
4 changed files with 100 additions and 91 deletions
|
|
@ -45,6 +45,14 @@
|
|||
&.current-month {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
&.today {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&.selected-day {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -36,9 +36,12 @@
|
|||
{% endfor %}
|
||||
|
||||
<ul class="days">
|
||||
{% for i in 0..7 %}
|
||||
{% for j in 0..5 %}
|
||||
<li id="day-{{i}}{{j}}"><div class="number"></div><div class="scheduled-recipes"></div></li>
|
||||
{% for i in 0..5 %}
|
||||
{% for j in 0..7 %}
|
||||
<li id="day-grid-{{i}}{{j}}">
|
||||
<div class="number"></div>
|
||||
<div class="scheduled-recipes"></div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue