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

site pilote

Browse Source
This commit is contained in:
ouidade
2024-06-19 18:03:19 +02:00
parent 895488d676
commit 9f8ee055b8
14 changed files with 643 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/global/_layout.scss
+13 -1
View File
@@ -40,7 +40,15 @@ $width-menu-slidedown : 550px;
@media (max-width:500px) {
padding-top: 0;
}
.layout__region--first{
flex: 0 1 25%;
}
.layout__region--second{
flex: 0 1 75%;
&.view-id-home{
margin: 0;
}
}
}
@@ -77,4 +85,8 @@ main{
#block-reha-titredepage{
display: none;
}
p{
background-color: transparent;
}
web/themes/custom/reha/scss/global/variables/_buttons.scss
+16 -13
View File
@@ -13,16 +13,17 @@
}
// %hoveryellow{
// :hover{
// background-color: $yellow-puca;
// }
// }
%hoveryellow{
:hover{
background-color: $yellow-puca;
}
}
.field--type-link {
@extend %buttonwithborder;
width: fit-content;
padding: 0.4rem;
}
.bouton{
@@ -62,14 +63,16 @@
display: none;
}
#edit-submit:hover{
background-color: $yellow-puca;
}
.views-field-edit-node:hover{
background-color: $yellow-puca;
}
.form-submit:hover{
background-color: $yellow-puca;
.views-field-edit-node:hover,
.field--name-field-lien:hover,
#edit-submit:hover,
.form-submit:hover,
.field--type-link:hover,
.field--type-file:hover{
background-color: $yellow-puca;
}
web/themes/custom/reha/scss/global/variables/mixin.scss
+34 -1
View File
@@ -7,4 +7,37 @@
transition: 0.3s transform ease, 0.3s box-shadow ease;
}
}
@mixin node-site {
h2{
order: 2;
margin: 0;
}
.field--name-field-numero-site {
order: 1;
text-transform: uppercase;
font-size: 2rem;
}
.field--name-field-adresse-site{
order: 3;
font-size: 1.5rem;
.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;
}
}
web/themes/custom/reha/scss/pages/_home.scss
+6 -2
View File
@@ -43,16 +43,20 @@
}
.block-region-content{
// display: grid;
display: grid;
// grid-column: repeat(2, 1fr);
grid-template-rows: repeat(8, 1fr);
@media(max-width: 891px){
display: flex;
flex-direction: column;
}
.block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee{
grid-row: 1 /span 3;
}
.block-views-blockhome-block-1{
// grid-column: 1 /span 2;
// grid-row: 1;
grid-row: 2 /span 6;
margin-bottom: 2rem;
@media(max-width: 500px){
img{
web/themes/custom/reha/scss/pages/home/home-view-actualites.scss
+1
View File
@@ -1,4 +1,5 @@
.block-views-blockactus-block-1{
display:none;
background-color: white;
h2{
width: 80%;
web/themes/custom/reha/scss/pages/home/home-view-sites.scss
+24 -13
View File
@@ -1,6 +1,29 @@
.home-page-layout-content {
.block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee{
border: solid $yellow-puca 1px;
background-color: $white-button;
font-weight: 800;
padding: 2rem;
margin-right: 1rem;
width: 20%;
margin-left: 8%;
padding-top: 0.5rem;
padding-left: 0.5rem;
padding-bottom: 5rem;
@media(max-width: 891px){
margin-bottom: 1rem;
// margin: auto;
}
p{margin: 0;}
strong{
font-size: 1.3rem;
}
}
.block-views-blocksites-block-1 {
top: -60px;
position: relative;
.views-row{
.node-type-site{
@@ -64,19 +87,7 @@
}
}
.block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee{
border: solid $yellow-puca 1px;
background-color: $white-button;
font-weight: 800;
padding: 2rem;
margin-right: 1rem;
width: 20%;
margin-left: 8%;
@media(max-width: 891px){
margin-bottom: 1rem;
// margin: auto;
}
}
.block-block-contentbbaa5e2a-7f7c-498f-b08e-d1a3b36c03a8{
width: fit-content;
web/themes/custom/reha/scss/pages/le-programme.scss
+70
View File
@@ -0,0 +1,70 @@
.page-programme{
.block-region-first{
padding-left: 18%;
}
.block-region-second{
h2{
font-weight: 1000;
}
.view-display-id-block_1{
margin: 0;
width: 80%;
padding-top: 1rem;
}
.block-config-pages-block{
margin: 0;
width: 80%;
padding-top: 1rem;
.config_pages--partenaires--full{
.paragraph--type--partenaire{
// background-color: $white;
width: 100%;
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(auto-fill);
@media (max-width: 810px){
display: flex;
flex-direction: column;
}
.field--name-field-logo{
grid-column: 1 / 2;
grid-row: 2;
margin-top: 2rem;
padding-right: 1rem;
}
.field--name-field-nom{
grid-column: 2 / 8;
grid-row: 1;
font-weight: 900;
font-size: 1.2rem
}
.field--name-field-texte{
grid-column: 2 / 8;
grid-row: 2;
span{
background-color: none;
}
}
.field--name-field-lien{
grid-column: 2 / 8;
grid-row: 3;
}
}
}
}
}
}
web/themes/custom/reha/scss/pages/node-site.scss
+73
View File
@@ -0,0 +1,73 @@
.page-node-site{
.block-region-first{
.block-entity-fieldnodefield-fichiers{
width: 80%;
margin: auto;
}
}
.block-region-second{
width: 50%;
img{
width: 100%;
// object-fit: contain;
height: auto;
}
.block-entity-fieldnodetitle{
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/scss/partials/_slick-theme.scss
+11 -2
View File
@@ -64,7 +64,7 @@ $slick-opacity-not-active: 0.25 !default;
.slick-next {
position: absolute;
display: block;
z-index: 999;
z-index: 9;
height: 20px;
width: 20px;
line-height: 0px;
@@ -72,7 +72,7 @@ $slick-opacity-not-active: 0.25 !default;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
top: 25%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
@@ -103,14 +103,19 @@ $slick-opacity-not-active: 0.25 !default;
.slick-prev {
left: -25px;
padding-left: 4rem;
[dir="rtl"] & {
left: auto;
right: 200px;
}
&:before {
content: $slick-prev-character;
font-weight: lighter;
[dir="rtl"] & {
content: $slick-next-character;
font-weight: lighter;
}
}
}
@@ -123,8 +128,12 @@ $slick-opacity-not-active: 0.25 !default;
}
&:before {
content: $slick-next-character;
font-weight: lighter;
[dir="rtl"] & {
content: $slick-prev-character;
font-weight: lighter;
}
}
}
web/themes/custom/reha/scss/reha.scss
+3 -2
View File
@@ -24,7 +24,6 @@
@import "partials/slick";
@import "partials/slick_custom";
/*pages*/
@import "pages/home";
@import "pages/creer-un-compte";
@@ -36,4 +35,6 @@
@import "pages/home/home-view-sites";
@import "pages/les-sites-pilotes";
@import "pages/home/home-view-actualites";
@import "pages/home/home-view-presentation";
@import "pages/home/home-view-presentation";
@import "pages/le-programme";
@import "pages/node-site";