flex-table column width auto; overwrite for specific use

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

View File

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

View File

@ -106,6 +106,14 @@ div#header-accompanying_course-details {
padding-bottom: 1em; 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 * HOUSEHOLD CONTEXT
* Header custom for Household * Header custom for Household

View File

@ -36,7 +36,7 @@
{% if participation.enddate is null %} {% if participation.enddate is null %}
<div class="item-bloc"> <div class="item-bloc">
{{ participation.person|chill_entity_render_box({ {{ 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) } 'customButtons': { 'before': _self.button_person(participation.person) }
}) }} }) }}
</div> </div>