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

styling resume household page

Browse Source
This commit is contained in:
Julie Lenaerts 2022-06-15 15:17:13 +02:00
parent 65faf7c803
commit 2529ee46d3
5 changed files with 133 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss
View File

@ -260,6 +260,8 @@ table.table-bordered {
background-color: $gray-200;
color: $gray-800;
font-size: 90%;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
border-radius: 5px !important;
p {
margin-bottom: 0.75rem !important;

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

@ -8,11 +8,11 @@
.pop-item {
border-radius: 10px !important;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
padding:2rem;
margin-left: auto;
margin-right: auto;
width: 97%;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
padding:1.7rem;
// margin-left: auto;
// margin-right: auto;
// width: 97%;
}
div.flex-bloc,
@ -44,6 +44,18 @@ div.flex-table {
display: flex;
@include border-collapse;
padding: 1em;
border-radius: 5px !important;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
margin-left: auto;
margin-right: auto;
margin-top: .5rem;
width: 97%;
&:last-child {
margin-bottom: 1rem;
}
&:first-child {
margin-top:1rem;
}
div.item-row {
display: flex;

2
src/Bundle/ChillMainBundle/Resources/public/chill/scss/notification.scss
View File

@ -70,7 +70,7 @@ div.notification-show {
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
padding: 1.5rem;
border-radius: 5px;
border-left: $chill-yellow 5px solid;
border-left: $chill-yellow 10px solid;
p:first-child {
margin-bottom: 1rem;
&::before {

25
src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss
View File

@ -226,16 +226,35 @@ div.banner {
div.household-resume {
display: flex;
flex-direction: row;
align-items: center;
align-items: flex-start;
justify-content: space-between;
padding-left: 1rem;
padding-right:1rem;
div.col-address {
font-size: 120%;
padding-left: 1em;
padding: 1rem;
border-radius: 5px;
border: 1px dotted tint-color($chill-accourse-context, 10%);
border-left: 1px dotted tint-color($chill-accourse-context, 10%);
border-right: 1px dotted tint-color($chill-accourse-context, 10%);
div.address-box {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
display: flex;
i {
font-size: 200%;
margin-right: 2rem;
margin-top: 2rem;
margin-left: 1rem;
}
}
}
div.col-comment {
//padding: 0;
margin-bottom: 1rem;
width: 50%;
display: flex;
flex-direction: column;
> * > * {

8
src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
View File

@ -19,12 +19,14 @@
<div class="row household-resume">
<div class="item-bloc col-5 col-address">
<h2>{{ 'Address'|trans }}</h2>
<div class="address-box">
<i class="fa fa-map-marker" aria-hidden="true"></i>
{% if address is empty %}
<p class="chill-no-data-statement">{{ 'household.Household does not have any address currently'|trans }}</p>
{% else %}
{{ address|chill_entity_render_box({'multiline': true, 'extended_infos': true }) }}
{% endif %}
</div>
<ul class="list-inline text-right mt-2">
<li class="list-inline-item">
@ -49,7 +51,7 @@
</li>
</ul>
</div>
<div class="item-bloc col-7 col-comment">
<div class="item-bloc col-7 col-comment pop-item">
{% if form is null %}
{% set currentComposition = household.currentComposition %}
{% if currentComposition is not null %}
@ -153,7 +155,7 @@
{% endif %}
{% if not (p == '_none' and members|length == 0 and old_members|length == 0) %}
<div class="mb-5">
<div class="mb-5 pop-item">
{% if p != '_none' %}
<h3>{{ p.label|localize_translatable_string }}
{% if false == p.shareHousehold %}