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

style path-projets

Browse Source
This commit is contained in:
ouidade
2022-03-01 16:15:56 +01:00
parent 8ac5c27841
commit 2703c28481
6 changed files with 266 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/profiles/d8-starterkit-profile
+1 -1
Submodule web/profiles/d8-starterkit-profile updated: 6fb80278a2...6fe8986494
web/themes/custom/eql/css-compiled/styles.css
+88
View File
@@ -129,6 +129,9 @@
.path-webform {
margin: 0; }
.path-projets {
margin: 0; }
.main-content {
margin-top: 7rem; }
@@ -2883,6 +2886,91 @@ 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 .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 {
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) {
font-size: 1.5rem; }
.path-projets .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 {
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 {
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 {
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 {
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 {
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 {
display: none; }
.path-projets .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 {
width: 25%;
flex: 0 0 25%; }
.path-projets .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 {
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 {
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 {
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 {
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 {
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 {
order: 2;
display: flex;
text-transform: uppercase;
font-size: 0.9rem;
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 {
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 {
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 {
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 {
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 {
order: 4;
color: red;
margin-top: 0.8rem; }
/*partials*/
.layout-container {
position: relative; }
web/themes/custom/eql/scss/global/_layout.scss
+3
View File
@@ -41,6 +41,9 @@
.path-webform{
margin: 0;
}
.path-projets{
margin: 0;
}
.main-content{
margin-top: 7rem;
web/themes/custom/eql/scss/pages/_lesprojets.scss
+131
View File
@@ -0,0 +1,131 @@
.path-projets{
.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;
}
}
}
}
//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;
#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::after{
content:",";
margin-right: 0.3rem;
}
}
}
.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;
}
}
}
}
}
}
}
}
web/themes/custom/eql/scss/pages/_projet.scss
+41
View File
@@ -0,0 +1,41 @@
.path-node.page-node-type-projet{
.layout-container{
overflow: unset;
}
.layout-content{
.region-content{
#block-contenudelapageprincipale{
.layout--threecol-25-50-25{
// display: grid;
// grid-template-rows: repeat(6, auto);
.layout__region--top{
.block-region-top{
// position: relative;
display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr;
.block-entity-fieldnodefield-adresse{
grid-column: 2 / span 10;
.field--name-field-adresse{
text-transform: uppercase;
}
}
.block-entity-fieldnodetitle{
font-family: 'Source Code Pro';
}
}
}
}
}
}
}
}
web/themes/custom/eql/scss/styles.scss
+2
View File
@@ -37,6 +37,8 @@
@import "pages/_offre";
@import "pages/_annuairederecherche";
@import "pages/_webform";
@import "pages/_lesprojets";
@import "pages/_projet";
/*partials*/