bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bouton en savoir plus projets incubés

Browse Source
This commit is contained in:
ouidade
2022-03-07 14:38:50 +01:00
parent 7800f21755
commit 6e4c445e94
2 changed files with 126 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+118 -113
View File
@@ -2904,123 +2904,128 @@ a {
background: #009ee3; background: #009ee3;
padding-left: 13%; } padding-left: 13%; }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
width: 60%; display: grid;
margin: auto; } grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
.path-projets .region-content #block-contenudelapageprincipale .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 {
display: none; } grid-column: 3 / span 5;
.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) { margin: auto; }
font-size: 1.5rem; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block span h2 {
display: none; }
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 { .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) {
margin-top: 4rem; font-size: 1.5rem; }
background-color: #009ee3; .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 {
height: fit-content; grid-column: 8 / span 9;
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 .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
margin-top: 4rem; margin-top: 4rem;
display: flex; background-color: #009ee3;
flex-direction: row; } height: fit-content;
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before { width: 60%;
content: 'Filtrer par:'; } margin-left: 2rem;
.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 { 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; display: flex;
flex-direction: row; } flex-direction: column;
.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 { margin-top: 2rem;
display: none; } margin-bottom: 2rem;
.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 { margin-left: 1.5rem;
display: none; } margin-right: 1.5rem;
.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 { text-align: center; }
display: none; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien a {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content { font-weight: 800;
margin-top: 2rem; color: white;
display: flex; font-size: 1.3rem; }
flex-direction: row; } .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 .field--name-field-lien:after {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row { margin-left: auto;
width: 25%; padding-top: 1rem;
flex: 0 0 25%; } display: block;
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet { content: url("../images/pictos/noun_Arrow_3771902.svg"); }
color: #09398b; .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 {
line-height: 1.5rem; grid-column: 3 / span 8;
padding: 0.5rem; width: 80%; }
padding-right: 1rem; .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
padding-left: 1rem; } width: 80%;
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet div:first-child { margin: auto; }
display: flex; .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
flex-direction: column; } margin-top: 4rem;
.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 .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 .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 .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 .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; display: flex;
text-transform: uppercase; flex-direction: row; }
font-size: 0.9rem; .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
font-weight: 800; content: 'Filtrer par:'; }
margin-top: 0.8rem; .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 {
line-height: 0.6rem; }
.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; display: flex;
flex-direction: row; flex-direction: row; }
margin: 0; } .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 {
.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 { display: none; }
padding-top: 0 !important; .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 {
padding-bottom: 0 !important; } display: none; }
.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 { .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 {
content: ","; display: none; }
margin-right: 0.3rem; } .path-projets .region-content #block-contenudelapageprincipale .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 .node-type-projet div:first-child .field--name-field-adresse .address .country { margin-top: 2rem;
padding-top: 0 !important; display: flex;
padding-bottom: 0 !important; } flex-direction: row; }
.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 { .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
margin-top: 0.5rem; width: 25%;
font-size: 0.9rem; flex: 0 0 25%; }
font-weight: 800; .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet {
order: 4; } color: #09398b;
.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 { line-height: 1.5rem;
order: 3; padding: 0.5rem;
margin-top: 0.5rem; padding-right: 1rem;
font-size: 1rem; padding-left: 1rem; }
font-weight: 800; } .path-projets .region-content #block-contenudelapageprincipale .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 .field--name-title h2 { display: flex;
margin: 0; } flex-direction: column; }
.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 { .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 {
order: 4; color: #09398b; }
color: red; .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 {
margin-top: 0.8rem; } order: 1; }
.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 .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 .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;
font-size: 0.9rem;
font-weight: 800;
margin-top: 0.8rem;
line-height: 0.6rem; }
.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 .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 .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 .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 .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; }
.path-node.page-node-type-projet .layout-container { .path-node.page-node-type-projet .layout-container {
overflow: unset; } overflow: unset; }
web/themes/custom/eql/scss/pages/_lesprojets.scss
+8 -3
View File
@@ -19,10 +19,13 @@
} }
.layout--onecol{ .layout--onecol{
.block-region-content{ .block-region-content{
display: grid;
grid-template-columns: 1fr repeat(8, 2fr) 1fr;
//texte de présentation //texte de présentation
.block-config-pages-block{ .block-config-pages-block{
width: 60%; grid-column: 3 / span 5;
// width: 60%;
margin: auto; margin: auto;
span h2{ span h2{
display: none; display: none;
@@ -38,7 +41,7 @@
// bouton projets incubés // bouton projets incubés
.block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{ .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
// grid-column: 8 / span 9; grid-column: 8 / span 9;
margin-top: 4rem; margin-top: 4rem;
background-color: $blue-light; background-color: $blue-light;
height: fit-content; height: fit-content;
@@ -76,6 +79,8 @@
//partie projets //partie projets
.block-views-blockprojets-block-1{ .block-views-blockprojets-block-1{
grid-column: 3 / span 8;
width: 80%;
.view-projets{ .view-projets{
width: 80%; width: 80%;