flex-table accompanyingcourse-list used in two contexts + wraplist title style

This commit is contained in:
Mathieu Jaumotte 2021-08-21 14:54:04 +02:00
parent 6959de4e39
commit b301c1d405
4 changed files with 15 additions and 15 deletions

View File

@ -151,7 +151,7 @@ div.wrap-list {
flex-shrink: 0; flex-shrink: 0;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
margin-left: 1.5em; //margin-left: 1.5em;
} }
& > * { & > * {
@ -187,8 +187,6 @@ div.wrap-list {
} }
} }
/* /*
* __WRAP_HEADER_BLOC________ * __WRAP_HEADER_BLOC________
* HEADER ROW FOR FLEX-TABLE ELEMENTS * HEADER ROW FOR FLEX-TABLE ELEMENTS

View File

@ -12,16 +12,18 @@ div.accompanyingcourse-resume {
} }
} }
/// AccompanyingPeriod list /// AccompanyingPeriod list Page (in person/household context)
div.accompanyingcourse-list, div.household-members { div.accompanyingcourse-list {
.flex-table .item-bloc .item-row { &.flex-table .item-bloc .item-row {
&:nth-child(2) { //&:nth-child(2) { flex-direction: row; }
flex-direction: row; //&:last-child { flex-direction: column; }
}
&:last-child {
flex-direction: column;
}
} }
div.title h3 {
font-weight: 700;
font-size: 100%;
font-family: 'Open Sans';
}
div.list {}
} }
/// Search Page (list_with_period.html.twig) /// Search Page (list_with_period.html.twig)
@ -40,7 +42,7 @@ div.list-with-period {
&.title { &.title {
width: 34%; width: 34%;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
margin-left: 0; //margin-left: 0;
} }
} }
&.list { &.list {

View File

@ -1,5 +1,5 @@
{% block content %} {% block content %}
<div class="flex-table"> <div class="flex-table accompanyingcourse-list">
{% for accompanying_period in accompanying_periods %} {% for accompanying_period in accompanying_periods %}
<div class="item-bloc"> <div class="item-bloc">
<div class="item-row"> <div class="item-row">

View File

@ -5,7 +5,7 @@
{% block title %}{{ 'Accompanying period list'|trans }}{% endblock title %} {% block title %}{{ 'Accompanying period list'|trans }}{% endblock title %}
{% block personcontent %} {% block personcontent %}
<div class="accompanyingcourse-list"> <div class="person-accompanyingperiods">
<h1>{{ 'Accompanying period list'|trans }}</h1> <h1>{{ 'Accompanying period list'|trans }}</h1>