CSS: use a $margin constant. Some CSS improvements (WIP).
This commit is contained in:
parent
c1fc9aa46f
commit
2a288abb07
9 changed files with 218 additions and 116 deletions
|
|
@ -31,6 +31,6 @@
|
|||
|
||||
{% block body_container %}{% endblock %}
|
||||
|
||||
<footer class="footer-container">recipes v{{ crate::consts::VERSION }} - gburri 2025</footer>
|
||||
<footer class="footer-container">recipes v{{ crate::consts::VERSION ~}} - <a href="https://www.gburri.org/">gburri</a> 2025</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -5,19 +5,21 @@
|
|||
{% include "title.html" %}
|
||||
|
||||
<span class="header-menu">
|
||||
{% match context.user %}
|
||||
{% when Some with (user) %}
|
||||
<a class="create-recipe" href="/recipe/new" >{{ context.tr.t(Sentence::CreateNewRecipe) }}</a>
|
||||
<a href="/{{ context.tr.current_lang_code() }}/user/edit">
|
||||
{% if user.name == "" %}
|
||||
{{ user.email }}
|
||||
{% else %}
|
||||
{{ user.name }}
|
||||
{% endif %}
|
||||
</a> / <a href="/signout">{{ context.tr.t(Sentence::SignOut) }}</a>
|
||||
{% when None %}
|
||||
<a href="/{{ context.tr.current_lang_code() }}/signin" >{{ context.tr.t(Sentence::SignInMenu) }}</a>/<a href="/{{ context.tr.current_lang_code() }}/signup">{{ context.tr.t(Sentence::SignUpMenu) }}</a>/<a href="/{{ context.tr.current_lang_code() }}/ask_reset_password">{{ context.tr.t(Sentence::LostPassword) }}</a>
|
||||
{% endmatch %}
|
||||
<span class="user-menu">
|
||||
{% match context.user %}
|
||||
{% when Some with (user) %}
|
||||
<a class="create-recipe button" href="/recipe/new" >{{ context.tr.t(Sentence::CreateNewRecipe) }}</a>
|
||||
<a href="/{{ context.tr.current_lang_code() }}/user/edit">
|
||||
{% if user.name == "" %}
|
||||
{{ user.email }}
|
||||
{% else %}
|
||||
{{ user.name }}
|
||||
{% endif %}
|
||||
</a> / <a href="/signout">{{ context.tr.t(Sentence::SignOut) }}</a>
|
||||
{% when None %}
|
||||
<a href="/{{ context.tr.current_lang_code() }}/signin" >{{ context.tr.t(Sentence::SignInMenu) }}</a> / <a href="/{{ context.tr.current_lang_code() }}/signup">{{ context.tr.t(Sentence::SignUpMenu) }}</a> / <a href="/{{ context.tr.current_lang_code() }}/ask_reset_password">{{ context.tr.t(Sentence::LostPassword) }}</a>
|
||||
{% endmatch %}
|
||||
</span>
|
||||
|
||||
<select id="select-website-language">
|
||||
{% for lang in translation::available_languages() %}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue