FEATURE [styling][absence] give styling

This commit is contained in:
Julie Lenaerts 2023-01-12 19:51:43 +01:00
parent 6c1108b8aa
commit de9d53936f
3 changed files with 7 additions and 3 deletions

View File

@ -106,7 +106,7 @@ section.chill-entity {
// used for comment-embeddable // used for comment-embeddable
&.entity-comment-embeddable { &.entity-comment-embeddable {
width: 100%; width: 100%;
/* already defined !! /* already defined !!
div.metadata { div.metadata {
font-size: smaller; font-size: smaller;

View File

@ -8,7 +8,11 @@
{%- endif -%} {%- endif -%}
{%- if opts['absence'] and user.absenceStart is not null %} {%- if opts['absence'] and user.absenceStart is not null %}
{%- if date(user.absenceStart) < date() %} {%- if date(user.absenceStart) < date() %}
<span class="user-absence">({{ 'absence.Absent'|trans }})</span> <span class="fa-stack fa-holder" title="{{ 'absence.Absent'|trans }}">
<i class="fa fa-circle fa-stack-1x text-danger"></i>
<i class="fa fa-stack-1x text-white">A</i>
</span>
{%- endif %} {%- endif %}
{%- endif -%} {%- endif -%}
</span> </span>

View File

@ -2,7 +2,7 @@
{# vue component #} {# vue component #}
{% if app.user.absenceStart is not null and date(app.user.absenceStart) < date() %} {% if app.user.absenceStart is not null and date(app.user.absenceStart) < date() %}
<p class="alert alert-succes flash_message" style="text-align: center;">{{'absence.You are marked as being absent'|trans }}</p> <p class="alert alert-warning" role="alert">{{'absence.You are marked as being absent'|trans }}</p>
{% endif %} {% endif %}
<div id="homepage_widget"></div> <div id="homepage_widget"></div>