Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-07-17 22:36:14 +00:00
Code Issues Actions Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
View File

@ -14,11 +14,18 @@ div.flex-table {
box-sizing: border-box; box-sizing: border-box;
margin: 1.5em 0; 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 { div.item-bloc {
display: flex; display: flex;
@include border-collapse; @include border-collapse;
padding: 1em; padding: 1em;
div.item-row { div.item-row {
display: flex; display: flex;

4
src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/_item.html.twig
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"> <div class="item-row">
<h2 class="badge-title"> <h2 class="badge-title">
<span class="title_label"></span> <span class="title_label"></span>
@ -145,5 +144,4 @@
</ul> </ul>
{% endif %} {% endif %}
</div> </div>
</div> </div>

2
src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list_item.html.twig
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="item-row">
<div class="wrap-header"> <div class="wrap-header">
<div class="wh-row"> <div class="wh-row">