bouton en savoir plus projets incubés

This commit is contained in:
2022-03-07 14:34:24 +01:00
parent dc7f2dd3cd
commit 7800f21755
2 changed files with 241 additions and 157 deletions
+62 -29
View File
@@ -2890,11 +2890,11 @@ a {
.path-webform .region-content #webform-submission-question-add-form #edit-actions #edit-actions-submit:after {
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>'); }
.path-projets span {
.path-projets .region-content #block-contenudelapageprincipale span {
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle; }
.path-projets span h2 {
.path-projets .region-content #block-contenudelapageprincipale span h2 {
margin: 0;
padding-top: 2rem;
height: 4rem;
@@ -2904,60 +2904,87 @@ a {
background: #009ee3;
padding-left: 13%; }
.path-projets .layout--onecol .block-region-content .block-config-pages-block {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
width: 60%;
margin: auto; }
.path-projets .layout--onecol .block-region-content .block-config-pages-block span h2 {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block span h2 {
display: none; }
.path-projets .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
font-size: 1.5rem; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 {
margin-top: 4rem;
background-color: #009ee3;
height: fit-content;
width: 60%;
margin-left: 2rem;
grid-row: 2; }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .display {
display: block; }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien {
display: flex;
flex-direction: column;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center; }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien a {
font-weight: 800;
color: white;
font-size: 1.3rem; }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien:after {
margin-left: auto;
padding-top: 1rem;
display: block;
content: url("../images/pictos/noun_Arrow_3771902.svg"); }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
width: 80%;
margin: auto; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
margin-top: 4rem;
display: flex;
flex-direction: row; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
content: 'Filtrer par:'; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 {
display: flex;
flex-direction: row; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper legend {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-neuf-rehabilitation-value--wrapper legend {
display: none; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-encours-fini-value--wrapper legend {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 #edit-field-encours-fini-value--wrapper legend {
display: none; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 .js-form-type-textfield label {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters #views-exposed-form-projets-block-1 .js-form-type-textfield label {
display: none; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
margin-top: 2rem;
display: flex;
flex-direction: row; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
width: 25%;
flex: 0 0 25%; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet {
color: #09398b;
line-height: 1.5rem;
padding: 0.5rem;
padding-right: 1rem;
padding-left: 1rem; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child {
display: flex;
flex-direction: column; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child a {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child a {
color: #09398b; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo {
order: 1; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo img {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo img {
width: 100%;
max-height: 175px;
object-fit: cover; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo::after {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-photo::after {
display: block;
content: url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>'); }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse {
order: 2;
display: flex;
text-transform: uppercase;
@@ -2965,26 +2992,32 @@ a {
font-weight: 800;
margin-top: 0.8rem;
line-height: 0.6rem; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address {
display: flex;
flex-direction: row;
margin: 0; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
content: ",";
margin-right: 0.3rem; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
content: ",";
margin-right: 0.3rem; }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .country {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre {
margin-top: 0.5rem;
font-size: 0.9rem;
font-weight: 800;
order: 4; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title {
order: 3;
margin-top: 0.5rem;
font-size: 1rem;
font-weight: 800; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title h2 {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-title h2 {
margin: 0; }
.path-projets .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-incube {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child .field--name-field-incube {
order: 4;
color: red;
margin-top: 0.8rem; }
+179 -128
View File
@@ -1,147 +1,198 @@
.path-projets{
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
h2{
margin: 0;
padding-top: 2rem;
height: 4rem;
color: $white;
font-family: "Source Code Pro";
text-transform: uppercase;
background: $blue-light;
padding-left: 13%;
}
}
.layout--onecol{
.block-region-content{
//texte de présentation
.block-config-pages-block{
width: 60%;
margin: auto;
span h2{
display: none;
}
.config_pages--type--les-projets{
.field--name-field-introduction{
p:nth-of-type(1){
font-size: 1.5rem;
}
}
.region-content{
#block-contenudelapageprincipale{
span{
padding-top: 3rem;
padding-bottom: 3rem;
vertical-align: middle;
h2{
margin: 0;
padding-top: 2rem;
height: 4rem;
color: $white;
font-family: "Source Code Pro";
text-transform: uppercase;
background: $blue-light;
padding-left: 13%;
}
}
//partie projets
.block-views-blockprojets-block-1{
.view-projets{
width: 80%;
margin: auto;
.view-filters{
margin-top: 4rem;
display: flex;
flex-direction: row;
&::before{
content: 'Filtrer par:';
.layout--onecol{
.block-region-content{
//texte de présentation
.block-config-pages-block{
width: 60%;
margin: auto;
span h2{
display: none;
}
#views-exposed-form-projets-block-1{
display: flex;
flex-direction: row;
#edit-field-neuf-rehabilitation-value--wrapper{
legend{display: none;}
}
#edit-field-encours-fini-value--wrapper{
legend{display: none;}
}
.js-form-type-textfield{
label{display: none;}
}
}
}
//grille de projets
.view-content{
margin-top: 2rem;
display: flex;
flex-direction: row;
.views-row{
width: 25%;
flex: 0 0 25%;
}
}
.node-type-projet{
color: $blue-dark;
line-height: 1.5rem;
padding: 0.5rem;
padding-right: 1rem;
padding-left: 1rem;
div:first-child{
display: flex;
flex-direction: column;
a{
color: $blue-dark;
}
.field--name-field-photo {
order:1;
img{
width: 100%;
max-height: 175px;
object-fit: cover;
}
&::after{
display: block;
content:url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>');
.config_pages--type--les-projets{
.field--name-field-introduction{
p:nth-of-type(1){
font-size: 1.5rem;
}
}
.field--name-field-adresse{
order:2;
}
}
// bouton projets incubés
.block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
// grid-column: 8 / span 9;
margin-top: 4rem;
background-color: $blue-light;
height: fit-content;
width: 60%;
margin-left: 2rem;
grid-row: 2;
.display{
display: block;
}
.field--name-field-lien{
display: flex;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 800;
margin-top: 0.8rem;
line-height: 0.6rem;
.address{
flex-direction: column;
margin-top: 2rem;
margin-bottom: 2rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
text-align: center;
a{
font-weight: 800;
color: $white;
font-size: 1.3rem;
}
&:after{
margin-left: auto;
padding-top: 1rem;
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
}
}
//partie projets
.block-views-blockprojets-block-1{
.view-projets{
width: 80%;
margin: auto;
.view-filters{
margin-top: 4rem;
display: flex;
flex-direction: row;
&::before{
content: 'Filtrer par:';
}
#views-exposed-form-projets-block-1{
display: flex;
flex-direction: row;
margin: 0;
.locality::after{
content:",";
margin-right: 0.3rem;
#edit-field-neuf-rehabilitation-value--wrapper{
legend{display: none;}
}
#edit-field-encours-fini-value--wrapper{
legend{display: none;}
}
.js-form-type-textfield{
label{display: none;}
}
}
}
//grille de projets
.view-content{
margin-top: 2rem;
display: flex;
flex-direction: row;
.views-row{
width: 25%;
flex: 0 0 25%;
}
}
.node-type-projet{
color: $blue-dark;
line-height: 1.5rem;
padding: 0.5rem;
padding-right: 1rem;
padding-left: 1rem;
div:first-child{
display: flex;
flex-direction: column;
a{
color: $blue-dark;
}
.field--name-field-photo {
order:1;
img{
width: 100%;
max-height: 175px;
object-fit: cover;
}
&::after{
display: block;
content:url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>');
}
}
.field--name-field-adresse{
order:2;
display: flex;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 800;
margin-top: 0.8rem;
line-height: 0.6rem;
.address{
display: flex;
flex-direction: row;
margin: 0;
.locality{
padding-top: 0 !important;
padding-bottom: 0 !important;
&::after{
content:",";
margin-right: 0.3rem;
}
}
.country{
padding-top: 0 !important;
padding-bottom: 0 !important;
} }
}
.field--name-field-sous-titre{
margin-top: 0.5rem;
font-size: 0.9rem;
font-weight: 800;
order: 4;
}
.field--name-title{
order: 3;
margin-top: 0.5rem;
font-size: 1rem;
font-weight: 800;
h2{margin: 0;}
}
.field--name-field-incube{
order:4;
color: red;
margin-top: 0.8rem;
}
}
}
.field--name-field-sous-titre{
margin-top: 0.5rem;
font-size: 0.9rem;
font-weight: 800;
order: 4;
}
.field--name-title{
order: 3;
margin-top: 0.5rem;
font-size: 1rem;
font-weight: 800;
h2{margin: 0;}
}
.field--name-field-incube{
order:4;
color: red;
margin-top: 0.8rem;
}
}
}
}
}
}
}
}