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

page ressource

Browse Source
This commit is contained in:
ouidade
2024-06-20 00:43:42 +02:00
parent 8d5445a9ba
commit c2abcbc79f
8 changed files with 472 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/node-ressource.scss
+35
View File
@@ -0,0 +1,35 @@
.page-node-site{
.node-type-ressource{
width: 80%;
margin: auto;
display: flex;
.image-site{
width: 40%;
height: fit-content;
margin-right: 2rem;
img{
width: 100%;
height: auto;
}
}
.filtered-content{
width: 40%;
.field--name-field-type-de-ressource,
.field--name-field-sous-titre,
.field--name-field-auteur,
.field--name-field-site{
}
.field--name-body{
}
}
.body-content {
width: 100%;
margin-top: 2rem;
}
}
}
web/themes/custom/reha/scss/pages/ressources.scss
+81
View File
@@ -0,0 +1,81 @@
.page-ressources{
.view-ressources{
flex-direction: column;
padding: 5rem;
#views-exposed-form-ressources-page-1{
width: 100%;
margin: auto;
display: flex;
flex-direction: column;
padding: 1rem;
&::before{
content: 'FILTRER :';
}
.form-item-field-type-de-ressource-target-id{
order: 1;
}
.js-form-item-field-site-target-id{
order: 2;
}
#edit-actions{
order: 3;
}
}
.views-row{
.node-type-ressource{
display: flex;
flex-direction: column;
.field--name-field-image{
order: 1;
max-width: 100%;
img{
height: 200px;
width: auto;
}
}
.filtered-content{
display: flex;
flex-direction: column;
h2{
order: 2;
margin: 0;
font-size: 1.5rem;
font-weight: 600;
}
.field--name-field-sous-titre {
order: 3;
font-size: 1.3rem;
// line-height: 0.3rem;
}
.field--name-field-auteur{
order: 4;
font-weight: 900;
padding-top: 1rem;
}
.field--name-field-type-de-ressource{
order: 1;
text-transform: uppercase;
font-size: 1.2rem;
}
.field--name-field-site{
order: 5;
}
ul.links{
order: 6;
display: none;
}
}
}
}
}
}
web/themes/custom/reha/scss/partials/_header.scss
+3 -1
View File
@@ -71,10 +71,12 @@ header{
#block-reha-navigationprincipale {
grid-column: 3 / span 5 ;
ul{
display: flex;
flex-direction: row;
justify-content: space-evenly;
@media (max-width:1400px) {
flex-direction: column;
}
a{
font-weight: 800;
&.is-active{
web/themes/custom/reha/scss/reha.scss
+3
View File
@@ -38,3 +38,6 @@
@import "pages/home/home-view-presentation";
@import "pages/le-programme";
@import "pages/node-site";
@import "pages/ressources";
@import "pages/node-ressource";