CSS: use a $margin constant. Some CSS improvements (WIP).

This commit is contained in:
Greg Burri 2025-04-09 15:08:43 +02:00
parent c1fc9aa46f
commit 2a288abb07
9 changed files with 218 additions and 116 deletions

View file

@ -1,27 +1,30 @@
<div class="calendar">
<div class="month-selector">
<span class="prev">PREV</span>
<span class="year" ></span>
<div class="prev button"></div>
{% for month in [
Sentence::CalendarJanuary,
Sentence::CalendarFebruary,
Sentence::CalendarMarch,
Sentence::CalendarApril,
Sentence::CalendarMay,
Sentence::CalendarJune,
Sentence::CalendarJuly,
Sentence::CalendarAugust,
Sentence::CalendarSeptember,
Sentence::CalendarOctober,
Sentence::CalendarNovember,
Sentence::CalendarDecember,
] %}
<span class="month">{{ context.tr.t(*month) }}</span>
{% endfor %}
<div>
<span class="year"></span>
{% for month in [
Sentence::CalendarJanuary,
Sentence::CalendarFebruary,
Sentence::CalendarMarch,
Sentence::CalendarApril,
Sentence::CalendarMay,
Sentence::CalendarJune,
Sentence::CalendarJuly,
Sentence::CalendarAugust,
Sentence::CalendarSeptember,
Sentence::CalendarOctober,
Sentence::CalendarNovember,
Sentence::CalendarDecember,
] %}
<span class="month">{{ context.tr.t(*month) }}</span>
{% endfor %}
</div>
<span class="next">NEXT</span>
<div class="next button"></div>
</div>
<ul class="weekdays">
{% for day in [
Sentence::CalendarMondayAbbreviation,
@ -48,7 +51,14 @@
</ul>
<div id="hidden-templates-calendar">
<div class="scheduled-recipe-with-link-and-remove"><a></a><span class="remove-scheduled-recipe">X</span></div>
<div class="scheduled-recipe-with-link-and-remove"><a></a>
<span class="remove-scheduled-recipe button tooltip">
<span class="tooltiptext">
{{ context.tr.t(Sentence::CalendarUnschedule) }}
</span>
</span>
</div>
<div class="scheduled-recipe"></div>
<div class="unschedule-confirmation">