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

page sites pilotes

Browse Source
This commit is contained in:
ouidade
2024-06-19 13:31:51 +02:00
parent 955745dd21
commit 895488d676
6 changed files with 184 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+57 -6
View File
@@ -213,6 +213,10 @@ main {
margin-top: 7rem;
}
#block-reha-titredepage {
display: none;
}
ul {
list-style-type: none;
}
@@ -1666,6 +1670,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
background-color: white;
}
.view-display-id-page_1 .views-row .node-type-site .field--name-field-image {
order: 1;
@@ -1676,17 +1682,62 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
object-fit: cover;
height: fit-content;
}
.view-display-id-page_1 .views-row .node-type-site h2 {
order: 3;
.view-display-id-page_1 .views-row .node-type-site .filtered-content {
background-color: rgb(255, 255, 255);
order: 2;
display: flex;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
}
.view-display-id-page_1 .views-row .node-type-site .field--name-field-numero-site {
.view-display-id-page_1 .views-row .node-type-site .filtered-content h2 {
order: 2;
margin: 0;
font-size: 1.3rem;
font-weight: 900;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-numero-site {
order: 1;
text-transform: uppercase;
font-size: 1.5rem;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
order: 3;
font-size: 1.3rem;
line-height: 0.3rem;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address {
margin: 0;
display: inline-flex;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .postal-code {
order: 2;
}
.view-display-id-page_1 .views-row .node-type-site .field--name-field-adresse-site {
order: 4;
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .locality {
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.view-display-id-page_1 .views-row .node-type-site .field--name-field-architecte {
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .country {
display: none;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-architecte {
order: 4;
padding-top: 1rem;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content ul.links {
order: 5;
text-transform: uppercase;
padding: 0;
margin: 0;
border: none;
padding-bottom: 2rem;
padding-top: 0.9rem;
display: inline-flex;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content ul.links::after {
content: url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
.block-views-blockactus-block-1 {
web/themes/custom/reha/dist/images/noun-arrow-1569918-black.svg
Vendored
+61
View File
@@ -0,0 +1,61 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
x="0px"
y="0px"
viewBox="0 0 60.166816 38.10535"
id="svg10"
sodipodi:docname="noun-arrow-1569918.svg"
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
width="20"
height="14.10535"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs14" />
<sodipodi:namedview
id="namedview12"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="9.741103"
inkscape:cx="15.552654"
inkscape:cy="15.809298"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="276"
inkscape:window-maximized="1"
inkscape:current-layer="svg10">
<inkscape:page
x="0"
y="0"
width="60.166817"
height="38.10535"
id="page1"
margin="0 6.0311446 0 0"
bleed="0" />
</sodipodi:namedview>
<g
transform="translate(-19.52231,-983.19166)"
id="g4">
<path
style="color:#fdc300;text-indent:0;text-transform:none;direction:ltr;baseline-shift:baseline;enable-background:accumulate"
d="m 79.9999,1002.3622 c 0,-0.4628 -0.2799,-1.0773 -0.56389,-1.3755 l -15.9997,-17.00032 c -0.747,-0.7723 -1.9572,-0.8618 -2.8281,-0.078 -0.7786,0.7007 -0.798,2.0673 -0.078,2.8282 l 12.8435,13.62522 H 22.0001 c -1.1046,0 -2,0.8954 -2,2 0,1.1046 0.8954,2.0001 2,2.0001 h 51.37361 l -12.8435,13.6252 c -0.7199,0.7608 -0.6688,2.0938 0.078,2.8281 0.7885,0.7752 2.0925,0.7062 2.8281,-0.078 l 15.9997,-17.0002 c 0.4701,-0.4611 0.556,-0.9052 0.56389,-1.3748 z"
fill="#000000"
fill-opacity="1"
stroke="none"
marker="none"
visibility="visible"
display="inline"
overflow="visible"
id="path2" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

web/themes/custom/reha/scss/global/_layout.scss
+3
View File
@@ -75,3 +75,6 @@ main{
margin-top: 7rem;
}
#block-reha-titredepage{
display: none;
}
web/themes/custom/reha/scss/pages/les-sites-pilotes.scss
+62 -11
View File
@@ -11,7 +11,8 @@
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
background-color: white;
.field--name-field-image{
order: 1;
max-width: 100%;
@@ -21,17 +22,67 @@
height: fit-content;
}
}
h2{
order: 3;
}
.field--name-field-numero-site {
.filtered-content{
// border: solid $yellow-puca 1px;
background-color: $white-button;
order: 2;
}
.field--name-field-adresse-site{
order: 4;
}
.field--name-field-architecte{
order: 5;
display: flex;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
h2{
order: 2;
margin: 0;
font-size: 1.3rem;
font-weight: 900;
}
.field--name-field-numero-site {
order: 1;
text-transform: uppercase;
font-size: 1.5rem;
}
.field--name-field-adresse-site{
order: 3;
font-size: 1.3rem;
line-height: 0.3rem;
.address{
margin: 0;
display: inline-flex;
.postal-code{
order: 2;
}
.locality{
order: 1;
text-transform: capitalize;
margin-right: 0.5rem;
}
.country{
display: none;
}
}
}
.field--name-field-architecte{
order: 4;
padding-top: 1rem;
}
ul.links{
order: 5;
text-transform: uppercase;
padding: 0;
margin: 0;
border: none;
padding-bottom: 2rem;
padding-top: 0.9rem;
display: inline-flex;
&::after{
content:url("../../dist/images/noun-arrow-1569918-black.svg");
padding-left: 0.5rem;
}
}
}
}
web/themes/custom/reha/templates/block--views-block--actus-block-1.html.twig
+1 -1
View File
@@ -75,4 +75,4 @@
{% endfor %}
</div>
{% endblock %}
</div> #} #} #}
</div> #}
web/themes/custom/reha/templates/node--site--home-block.html.twig → web/themes/custom/reha/templates/node--site.html.twig
View File