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

design page ressource

Browse Source
This commit is contained in:
ouidade
2024-09-16 11:34:24 +02:00
parent 1dc1b04302
commit bc743b346a
5 changed files with 70 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/bundle.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
web/themes/custom/reha/dist/css/bundle.css
Vendored
+31 -9
View File
@@ -3056,8 +3056,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin: 0; margin: 0;
} }
.page-ressources .view-ressources .views-row .node-type-ressource { .page-ressources .view-ressources .views-row .node-type-ressource {
width: 80%; width: 100%;
margin: auto; margin: auto;
background-color: rgb(255, 255, 255);
} }
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource { .page-ressources .view-ressources .views-row .node-type-ressource .image-ressource {
order: 1; order: 1;
@@ -3066,13 +3067,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.page-ressources .view-ressources .views-row .node-type-ressource .image-ressource img { .page-ressources .view-ressources .views-row .node-type-ressource .image-ressource img {
width: 100%; width: 100%;
height: auto; max-height: 250px;
object-fit: contain;
} }
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content { .page-ressources .view-ressources .views-row .node-type-ressource .infos-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: solid #fdc300 1px;
background-color: rgb(255, 255, 255);
padding: 1rem; padding: 1rem;
} }
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content h2 { .page-ressources .view-ressources .views-row .node-type-ressource .infos-content h2 {
@@ -3095,6 +3095,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
text-transform: uppercase; text-transform: uppercase;
font-size: 1.2rem; font-size: 1.2rem;
} }
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-type-de-ressource a {
pointer-events: none;
}
.page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-site { .page-ressources .view-ressources .views-row .node-type-ressource .infos-content .field--name-field-site {
order: 5; order: 5;
background-color: rgb(153, 147, 174); background-color: rgb(153, 147, 174);
@@ -3123,13 +3126,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page-node-site .node-type-ressource { .page-node-site .node-type-ressource {
display: grid; display: grid;
grid-template-columns: repeat(4, auto); grid-template-columns: 1fr repeat(3, 1fr) 1fr;
grid-template-rows: repeat(2, auto); grid-template-rows: repeat(2, auto);
padding-top: 3rem; padding-top: 3rem;
} }
.page-node-site .node-type-ressource .image-ressource { .page-node-site .node-type-ressource .image-ressource {
grid-row: 1; grid-row: 1;
grid-column: 1/span 2; grid-column: 2/span 2;
margin-right: 2rem; margin-right: 2rem;
} }
.page-node-site .node-type-ressource .image-ressource img { .page-node-site .node-type-ressource .image-ressource img {
@@ -3139,27 +3142,46 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page-node-site .node-type-ressource .infos-content { .page-node-site .node-type-ressource .infos-content {
grid-row: 1; grid-row: 1;
grid-column: 3/span 4; grid-column: 3/span 4;
margin-left: 2rem;
} }
.page-node-site .node-type-ressource .infos-content .field--name-field-type-de-ressource { .page-node-site .node-type-ressource .infos-content .field--name-field-type-de-ressource {
text-transform: uppercase; text-transform: uppercase;
font-size: 1.5rem; font-size: 1rem;
} }
.page-node-site .node-type-ressource .infos-content .field--name-field-sous-titre { .page-node-site .node-type-ressource .infos-content .field--name-field-sous-titre {
font-size: 2rem; font-size: 2rem;
} }
.page-node-site .node-type-ressource .infos-content .field--name-field-auteur { .page-node-site .node-type-ressource .infos-content .field--name-field-auteur {
font-weight: 800; font-weight: 800;
font-size: 1.4rem; font-size: 1.3rem;
}
.page-node-site .node-type-ressource .infos-content .field--name-field-site {
background-color: rgb(153, 147, 174);
border-radius: 50px;
width: fit-content;
padding: 0.2rem 0.9rem;
margin-top: 1rem;
}
.page-node-site .node-type-ressource .infos-content .field--name-field-site a {
color: white;
font-weight: 900;
font-size: 0.8rem;
vertical-align: top;
} }
.page-node-site .node-type-ressource .body-content { .page-node-site .node-type-ressource .body-content {
grid-row: 2; grid-row: 2;
grid-column: 1/span 3; grid-column: 2/span 4;
width: 100%; width: 100%;
margin-top: 2rem; margin-top: 2rem;
} }
.page-node-site .node-type-ressource .body-content .field--name-field-fichiers { .page-node-site .node-type-ressource .body-content .field--name-field-fichiers {
width: fit-content; width: fit-content;
} }
.page-node-site .node-type-ressource .body-content .links-content {
margin-top: 2rem;
position: relative;
left: -10%;
}
.page-actualites .view-actus { .page-actualites .view-actus {
padding-top: 3rem; padding-top: 3rem;
web/themes/custom/reha/js/reha.js
+1 -1
View File
@@ -159,7 +159,7 @@ jQuery(document).ready(function($){
// html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items
$(document).ready(function(){ $(document).ready(function(){
$('.page-node-site .field--name-field-image .field__items').slick({ $('.node-type-site .page-node-site .field--name-field-image .field__items').slick({
slidesToShow: 1, slidesToShow: 1,
// slidesToScroll: 1, // slidesToScroll: 1,
dots: true, dots: true,
web/themes/custom/reha/scss/pages/node-ressource.scss
+27 -5
View File
@@ -2,13 +2,13 @@
.node-type-ressource{ .node-type-ressource{
display: grid; display: grid;
grid-template-columns: repeat(4, auto); grid-template-columns: 1fr repeat(3, 1fr) 1fr;
grid-template-rows: repeat(2, auto); grid-template-rows: repeat(2, auto);
padding-top: 3rem; padding-top: 3rem;
.image-ressource{ .image-ressource{
grid-row: 1; grid-row: 1;
grid-column: 1 /span 2; grid-column: 2 /span 2;
margin-right: 2rem; margin-right: 2rem;
img{ img{
@@ -19,27 +19,49 @@
.infos-content{ .infos-content{
grid-row: 1; grid-row: 1;
grid-column: 3 /span 4; grid-column: 3 /span 4;
margin-left: 2rem;
.field--name-field-type-de-ressource{ .field--name-field-type-de-ressource{
text-transform: uppercase; text-transform: uppercase;
font-size: 1.5rem; font-size: 1rem;
} }
.field--name-field-sous-titre{ .field--name-field-sous-titre{
font-size: 2rem; font-size: 2rem;
} }
.field--name-field-auteur{ .field--name-field-auteur{
font-weight: 800; font-weight: 800;
font-size: 1.4rem; font-size: 1.3rem;
}
.field--name-field-site{
background-color: rgb(153, 147, 174);
border-radius: 50px;
width: fit-content;
padding: 0.2rem 0.9rem;
margin-top: 1rem;
a{
color: white;
font-weight: 900;
font-size: 0.8rem;
vertical-align: top;
}
} }
} }
.body-content { .body-content {
grid-row: 2; grid-row: 2;
grid-column: 1 /span 3; grid-column: 2 /span 4;
width: 100%; width: 100%;
margin-top: 2rem; margin-top: 2rem;
.field--name-field-fichiers{ .field--name-field-fichiers{
width: fit-content; width: fit-content;
} }
.summary-content{
}
.links-content{
margin-top: 2rem;
position: relative;
left: -10%;
}
} }
} }
web/themes/custom/reha/scss/pages/ressources.scss
+10 -4
View File
@@ -57,8 +57,9 @@
.node-type-ressource{ .node-type-ressource{
width: 80%; width: 100%;
margin: auto; margin: auto;
background-color: $white-button;
.image-ressource{ .image-ressource{
order: 1; order: 1;
@@ -66,14 +67,16 @@
margin: auto; margin: auto;
img{ img{
width: 100%; width: 100%;
height: auto; // height: auto;
max-height: 250px;
object-fit: contain;
} }
} }
.infos-content{ .infos-content{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: solid $yellow-puca 1px; // border: solid $yellow-puca 1px;
background-color: $white-button;
padding: 1rem; padding: 1rem;
h2{ h2{
order: 2; order: 2;
@@ -96,6 +99,9 @@
order: 1; order: 1;
text-transform: uppercase; text-transform: uppercase;
font-size: 1.2rem; font-size: 1.2rem;
a{
pointer-events: none;
}
} }
.field--name-field-site{ .field--name-field-site{