bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ressources filtre

Browse Source
This commit is contained in:
ouidade
2024-06-27 15:57:19 +02:00
parent 1cf91ac32e
commit 228c48680b
4 changed files with 72 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+34 -9
View File
@@ -2798,6 +2798,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page-ressources h1 { .page-ressources h1 {
width: 80%; width: 80%;
margin: auto; margin: auto;
font-weight: 1000;
} }
.page-ressources .view-ressources { .page-ressources .view-ressources {
flex-direction: row; flex-direction: row;
@@ -2807,22 +2808,45 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 { .page-ressources .view-ressources #views-exposed-form-ressources-page-1 {
width: 100%; width: 100%;
margin: auto; display: grid;
display: flex; grid-template-columns: repeat(8, 1fr);
flex-direction: column; grid-template-rows: repeat(3, 1fr);
padding: 1rem; padding: 1rem;
} }
.page-ressources .view-ressources #views-exposed-form-ressources-page-1::before { .page-ressources .view-ressources #views-exposed-form-ressources-page-1::before {
content: "FILTRER :"; content: "FILTRER :";
grid-column: 1;
grid-row: 1;
} }
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 .form-item-field-type-de-ressource-target-id { .page-ressources .view-ressources #views-exposed-form-ressources-page-1 .form-item, .page-ressources .view-ressources #views-exposed-form-ressources-page-1 .form-actions {
order: 1; margin: 1rem;
align-self: end;
}
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 .form-item-title {
grid-column: 1/span 8;
grid-row: 1;
} }
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 .js-form-item-field-site-target-id { .page-ressources .view-ressources #views-exposed-form-ressources-page-1 .js-form-item-field-site-target-id {
order: 2; grid-column: 1/span 2;
grid-row: 2;
width: 45%;
}
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 .form-item-field-themes-target-id {
grid-column: 3/span 4;
grid-row: 2;
width: 45%;
}
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 .form-item-field-type-de-ressource-target-id {
width: 45%;
grid-column: 5/span 6;
grid-row: 2;
} }
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 #edit-actions { .page-ressources .view-ressources #views-exposed-form-ressources-page-1 #edit-actions {
order: 3; grid-column: 7/span 8;
grid-row: 2;
}
.page-ressources .view-ressources #views-exposed-form-ressources-page-1 #edit-actions .form-submit {
margin: 0;
} }
.page-ressources .view-ressources .views-row .node-type-ressource { .page-ressources .view-ressources .views-row .node-type-ressource {
width: 80%; width: 80%;
@@ -2886,10 +2910,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
order: 6; order: 6;
display: none; display: none;
} }
.page-ressources .view-ressources .pagination {
width: 100%;
}
.page-node-site .node-type-ressource { .page-node-site .node-type-ressource {
width: 70%;
margin: auto;
display: grid; display: grid;
grid-template-columns: repeat(4, auto); grid-template-columns: repeat(4, auto);
grid-template-rows: repeat(2, auto); grid-template-rows: repeat(2, auto);
web/themes/custom/reha/scss/pages/node-ressource.scss
+1 -2
View File
@@ -1,7 +1,6 @@
.page-node-site{ .page-node-site{
.node-type-ressource{ .node-type-ressource{
width: 70%;
margin: auto;
display: grid; display: grid;
grid-template-columns: repeat(4, auto); grid-template-columns: repeat(4, auto);
grid-template-rows: repeat(2, auto); grid-template-rows: repeat(2, auto);
web/themes/custom/reha/scss/pages/ressources.scss
+36 -9
View File
@@ -3,6 +3,8 @@
h1{ h1{
width: 80%; width: 80%;
margin: auto; margin: auto;
font-weight: 1000;
} }
.view-ressources{ .view-ressources{
flex-direction: row; flex-direction: row;
@@ -11,22 +13,44 @@
margin: auto; margin: auto;
#views-exposed-form-ressources-page-1{ #views-exposed-form-ressources-page-1{
width: 100%; width: 100%;
margin: auto; // margin: auto;
display: flex; display: grid;
flex-direction: column; grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(3, 1fr);
padding: 1rem; padding: 1rem;
&::before{ &::before{
content: 'FILTRER :'; content: 'FILTRER :';
grid-column: 1;
grid-row: 1;
} }
.form-item, .form-actions{ margin: 1rem;align-self: end;}
.form-item-field-type-de-ressource-target-id{ .form-item-title{
order: 1; grid-column: 1 /span 8;
grid-row: 1;
} }
.js-form-item-field-site-target-id{ .js-form-item-field-site-target-id{
order: 2;
grid-column: 1 /span 2;
grid-row: 2;
width: 45%;
} }
.form-item-field-themes-target-id{
grid-column: 3 /span 4;
grid-row: 2;
width: 45%;
}
.form-item-field-type-de-ressource-target-id{
width: 45%;
grid-column: 5 /span 6;
grid-row: 2;
}
#edit-actions{ #edit-actions{
order: 3; grid-column: 7 /span 8;
grid-row: 2;
.form-submit{
margin: 0;
}
} }
} }
.views-row{ .views-row{
@@ -103,7 +127,10 @@
} }
} }
.pagination{
width: 100%;
}
} }
} }
web/themes/custom/reha/templates/views-mini-pager.html.twig
+1 -1
View File
@@ -13,7 +13,7 @@
*/ */
#} #}
{% if items.previous or items.next %} {% if items.previous or items.next %}
<nav role="navigation" aria-labelledby="{{ heading_id }}"> <nav role="navigation" aria-labelledby="{{ heading_id }}" class="pagination">
<h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4> <h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
<ul class="js-pager__items"> <ul class="js-pager__items">
{% if items.previous %} {% if items.previous %}