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

improve flex positionning for list exports cards

Browse Source
This commit is contained in:
Mathieu Jaumotte 2022-11-14 12:31:13 +01:00
parent ec9555ec84
commit 1f3dd00d81
2 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -518,8 +518,14 @@ div.v-toast {
z-index: 10000!important; z-index: 10000!important;
} }
div.grouped { // export index page
padding: 1em; div.exports-list {
border: 1px solid black; div.flex-bloc .item-bloc {
margin-bottom: 2em; flex-basis: 33%;
@include media-breakpoint-down(lg) { flex-basis: 50%; }
@include media-breakpoint-down(sm) { flex-basis: 100%; }
p:last-child {
margin-top: auto;
}
}
} }

24
src/Bundle/ChillMainBundle/Resources/views/Export/layout.html.twig
View File

@ -25,25 +25,23 @@
{{ include('@ChillMain/Export/_navbar.html.twig', {'current' : 'common'}) }} {{ include('@ChillMain/Export/_navbar.html.twig', {'current' : 'common'}) }}
<div class="col-md-10"> <div class="col-md-10 exports-list">
<div class="container mt-4"> <div class="container mt-4">
{% for group, exports in grouped_exports %}{% if group != '_' %} {% for group, exports in grouped_exports %}{% if group != '_' %}
<h2 class="display-6">{{ group|trans }}</h2> <h2 class="display-6">{{ group|trans }}</h2>
<div class="row grouped"> <div class="row flex-bloc">
{% for export_alias, export in exports %} {% for export_alias, export in exports %}
<div class="col-6 col-md-4 mb-3"> <div class="item-bloc">
<div class="card"> <div class="item-row card-body">
<div class="card-body"> <h2 class="card-title">{{ export.title|trans }}</h2>
<h2 class="card-title">{{ export.title|trans }}</h2> <p class="card-text my-3">{{ export.description|trans }}</p>
<p class="card-text">{{ export.description|trans }}</p> <p>
<p> <a class="btn btn-action" href="{{ path('chill_main_export_new', { 'alias': export_alias } ) }}">
<a class="btn btn-action" href="{{ path('chill_main_export_new', { 'alias': export_alias } ) }}"> {{ 'Create an export'|trans }}
{{ 'Create an export'|trans }} </a>
</a> </p>
</p>
</div>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}