visual card effect to make parcours or action stand out more within notif and workflow

This commit is contained in:
Julie Lenaerts 2022-06-13 13:15:24 +02:00
parent ac88e46a7d
commit 8e7b8d6eff
3 changed files with 10 additions and 5 deletions

View File

@ -14,11 +14,18 @@ div.flex-table {
box-sizing: border-box;
margin: 1.5em 0;
.card-item {
border-radius: 10px !important;
box-shadow: rgba(0,0,0,.4) 3px 2px 4px, rgba(0,0,0,.3) 0px 7px 13px -3px, rgba(0,0,0,.2) 0px -3px 6px inset !important;
width: 96%;
margin-left: auto;
margin-right: auto;
}
div.item-bloc {
display: flex;
@include border-collapse;
padding: 1em;
div.item-row {
display: flex;

View File

@ -1,5 +1,4 @@
<div class="item-bloc accompanying_course_work-item{% if itemBlocClass is defined %} {{ itemBlocClass }}{% endif %}">
<div class="item-bloc card-item accompanying_course_work-item{% if itemBlocClass is defined %} {{ itemBlocClass }}{% endif %}">
<div class="item-row">
<h2 class="badge-title">
<span class="title_label"></span>
@ -145,5 +144,4 @@
</ul>
{% endif %}
</div>
</div>

View File

@ -1,4 +1,4 @@
<div class="item-bloc accompanying-period-item{% if itemBlocClass is defined %} {{ itemBlocClass|raw }}{% endif %}" data-accompanying-period-id="{{ period.id|e('html_attr') }}">
<div class="item-bloc card-item accompanying-period-item{% if itemBlocClass is defined %} {{ itemBlocClass|raw }}{% endif %}" data-accompanying-period-id="{{ period.id|e('html_attr') }}">
<div class="item-row">
<div class="wrap-header">
<div class="wh-row">