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

flex-table column width auto; overwrite for specific use

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-08-01 13:43:09 +02:00
parent 1c404e5cb3
commit 4c47105de1
3 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,11 +3,13 @@
*/
div.flex-bloc,
div.flex-table {
margin: 1.5em 0;
h2, h3, h4, dl, p {
margin: 0;
}
h2, h3, h4 {
color: var(--bs-chill-blue);
color: $blue;
}
div.item-bloc {
@include border-collapse;
@ -48,8 +50,6 @@ div.flex-bloc {
flex-grow: 1; flex-shrink: 1; flex-basis: auto;
display: flex;
.list-content { // ul, dl, or div
}
ul.record_actions {
margin: 0;
align-self: flex-end;
@ -96,15 +96,13 @@ div.flex-table {
div.item-col {
&:first-child {
flex-grow: 0; flex-shrink: 0; flex-basis: 33%;
flex-grow: 0; flex-shrink: 0; flex-basis: auto;
}
&:last-child {
flex-grow: 1; flex-shrink: 1; flex-basis: auto;
display: flex;
justify-content: flex-end;
.list-content { // ul, dl, or div
}
ul.record_actions {
margin: 0;
align-self: flex-start;
@ -126,8 +124,6 @@ div.flex-table {
}
}
// neutralize
div.chill_address div.chill_address_address p { text-indent: 0; }
}
}
}

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

@ -106,6 +106,14 @@ div#header-accompanying_course-details {
padding-bottom: 1em;
}
// flex-table precision
div.accompanyingcourse-resume {
div.associated-persons {
.flex-table .item-row .item-col:first-child { flex-basis: 33%; }
}
}
/*
* HOUSEHOLD CONTEXT
* Header custom for Household

2
src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
View File

@ -36,7 +36,7 @@
{% if participation.enddate is null %}
<div class="item-bloc">
{{ participation.person|chill_entity_render_box({
'render': 'bloc', 'addLink': false, 'addInfo': true,
'render': 'bloc', 'addLink': false, 'addInfo': true, 'addAltNames': false,
'customButtons': { 'before': _self.button_person(participation.person) }
}) }}
</div>