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

ressource

Browse Source
This commit is contained in:
ouidade
2024-06-20 09:58:32 +02:00
parent 7d626a4207
commit f8d09d1531
3 changed files with 120 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+93 -25
View File
@@ -1181,16 +1181,6 @@ input {
font-weight: normal; font-weight: normal;
margin: 0; margin: 0;
} }
@media (max-width: 891px) {
.home-page-layout-content .layout-content .layout--onecol h4 {
font-size: 4rem;
}
}
@media (max-width: 520px) {
.home-page-layout-content .layout-content .layout--onecol h4 {
font-size: 3rem;
}
}
.home-page-layout-content .layout-content .layout--onecol h5 { .home-page-layout-content .layout-content .layout--onecol h5 {
font-size: 5rem; font-size: 5rem;
font-weight: 900; font-weight: 900;
@@ -1215,7 +1205,7 @@ input {
} }
.home-page-layout-content .layout-content .layout--onecol .block-region-content { .home-page-layout-content .layout-content .layout--onecol .block-region-content {
display: grid; display: grid;
grid-template-rows: repeat(8, 1fr); grid-column: repeat(2, 1fr);
} }
@media (max-width: 891px) { @media (max-width: 891px) {
.home-page-layout-content .layout-content .layout--onecol .block-region-content { .home-page-layout-content .layout-content .layout--onecol .block-region-content {
@@ -1223,11 +1213,7 @@ input {
flex-direction: column; flex-direction: column;
} }
} }
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee {
grid-row: 1/span 3;
}
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-views-blockhome-block-1 { .home-page-layout-content .layout-content .layout--onecol .block-region-content .block-views-blockhome-block-1 {
grid-row: 2/span 6;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
@@ -1235,6 +1221,71 @@ input {
width: -moz-available; width: -moz-available;
} }
} }
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f {
display: none !important;
grid-column: 1;
grid-row: 2/span 2;
width: 80%;
border: solid #fdc300 1px;
background-color: rgb(255, 255, 255);
font-weight: 800;
padding: 2rem;
margin-right: 1rem;
}
@media (max-width: 891px) {
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f {
font-size: 4rem;
}
}
@media (max-width: 520px) {
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f {
font-size: 3rem;
}
}
.home-page-layout-content .layout-content .layout--onecol .block-region-content h5 {
font-size: 5rem;
font-weight: 900;
margin: 0;
line-height: 0.6;
}
@media (max-width: 891px) {
.home-page-layout-content .layout-content .layout--onecol .block-region-content h5 {
font-size: 4rem;
line-height: 0.9;
}
}
@media (max-width: 520px) {
.home-page-layout-content .layout-content .layout--onecol .block-region-content h5 {
font-size: 3rem;
}
}
.home-page-layout-content .layout-content .layout--onecol .block-region-content img {
height: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-region-content {
display: grid;
grid-template-rows: repeat(8, 1fr);
}
@media (max-width: 891px) {
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-region-content {
display: flex;
flex-direction: column;
}
}
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-region-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee {
grid-row: 1/span 3;
}
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-region-content .block-views-blockhome-block-1 {
grid-row: 2/span 6;
margin-bottom: 2rem;
}
@media (max-width: 500px) {
.home-page-layout-content .layout-content .layout--onecol .block-region-content .block-region-content .block-views-blockhome-block-1 img {
width: -moz-available;
}
}
.user--register h1 { .user--register h1 {
font-size: 3rem !important; font-size: 3rem !important;
@@ -2073,23 +2124,40 @@ 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 {
width: 80%; width: 70%;
margin: auto; margin: auto;
display: flex; display: grid;
grid-template-columns: repeat(4, auto);
grid-template-rows: repeat(2, auto);
padding-top: 3rem;
} }
.page-node-site .node-type-ressource .image-site { .page-node-site .node-type-ressource .image-ressource {
width: 40%; grid-row: 1;
height: fit-content; grid-column: 1/span 2;
margin-right: 2rem; margin-right: 2rem;
} }
.page-node-site .node-type-ressource .image-site img { .page-node-site .node-type-ressource .image-ressource img {
width: 100%; height: 400px;
height: auto; width: auto;
} }
.page-node-site .node-type-ressource .filtered-content { .page-node-site .node-type-ressource .infos-content {
width: 40%; grid-row: 1;
grid-column: 3/span 4;
}
.page-node-site .node-type-ressource .infos-content .field--name-field-type-de-ressource {
text-transform: uppercase;
font-size: 1.5rem;
}
.page-node-site .node-type-ressource .infos-content .field--name-field-sous-titre {
font-size: 2rem;
}
.page-node-site .node-type-ressource .infos-content .field--name-field-auteur {
font-weight: 800;
font-size: 1.4rem;
} }
.page-node-site .node-type-ressource .body-content { .page-node-site .node-type-ressource .body-content {
grid-row: 2;
grid-column: 1/span 3;
width: 100%; width: 100%;
margin-top: 2rem; margin-top: 2rem;
} }
web/themes/custom/reha/scss/pages/node-ressource.scss
+25 -18
View File
@@ -1,33 +1,40 @@
.page-node-site{ .page-node-site{
.node-type-ressource{ .node-type-ressource{
width: 80%; width: 70%;
margin: auto; margin: auto;
display: flex; display: grid;
grid-template-columns: repeat(4, auto);
grid-template-rows: repeat(2, auto);
padding-top: 3rem;
.image-ressource{
.image-site{ grid-row: 1;
width: 40%; grid-column: 1 /span 2;
height: fit-content;
margin-right: 2rem; margin-right: 2rem;
img{ img{
width: 100%; height: 400px;
height: auto; width: auto;
} }
} }
.filtered-content{ .infos-content{
width: 40%; grid-row: 1;
.field--name-field-type-de-ressource, grid-column: 3 /span 4;
.field--name-field-sous-titre, .field--name-field-type-de-ressource{
.field--name-field-auteur, text-transform: uppercase;
.field--name-field-site{ font-size: 1.5rem;
} }
.field--name-body{ .field--name-field-sous-titre{
font-size: 2rem;
}
.field--name-field-auteur{
font-weight: 800;
font-size: 1.4rem;
} }
} }
.body-content { .body-content {
grid-row: 2;
grid-column: 1 /span 3;
width: 100%; width: 100%;
margin-top: 2rem; margin-top: 2rem;
} }
web/themes/custom/reha/templates/node--ressource.html.twig
+2 -2
View File
@@ -74,13 +74,13 @@
{# Afficher le champ image séparément #} {# Afficher le champ image séparément #}
{% if image_field_content %} {% if image_field_content %}
<div class="image-site"> <div class="image-ressource">
{{ image_field_content }} {{ image_field_content }}
</div> </div>
{% endif %} {% endif %}
{# Envelopper les autres champs dans des divs distinctes #} {# Envelopper les autres champs dans des divs distinctes #}
<div class="filtered-content"> <div class="infos-content">
{% if label and not page %} {% if label and not page %}
<h2{{ title_attributes }}> <h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a> <a href="{{ url }}" rel="bookmark">{{ label }}</a>