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

actu si 2 dates sur une ligne

Browse Source
This commit is contained in:
ouidade
2021-12-23 17:40:16 +01:00
parent 8474dad8bc
commit c9c0065c31
6 changed files with 164 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+33 -24
View File
@@ -537,14 +537,18 @@ a {
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;
padding-bottom: 1rem; } padding-bottom: 1rem; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite time { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date:not(:last-child):after {
padding-right: 1rem;
content: "|"; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date time {
font-size: 0.9rem; font-size: 0.9rem;
font-weight: 800; font-weight: 800;
padding-right: 1rem; padding-right: 1rem;
width: fit-content; } width: fit-content; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite time:after {
padding-left: 0.5rem;
content: "|"; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field:not(.field--name-field-images) { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field:not(.field--name-field-images) {
width: 100%; } width: 100%; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite h2 { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite h2 {
@@ -711,11 +715,19 @@ a {
font-size: 3rem; font-size: 3rem;
font-weight: 500; } font-weight: 500; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
grid-column: 2; grid-column: 2 / span 3;
text-transform: uppercase; text-transform: uppercase;
color: #09398b; color: #09398b;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 800; } font-weight: 800; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date {
display: flex;
flex-direction: row;
justify-content: flex-start; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date .field--name-field-date .field__item:not(:last-child):after {
padding-right: 1rem;
padding-left: 1rem;
content: "|"; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
grid-column-start: 5; grid-column-start: 5;
grid-column-end: 9; } grid-column-end: 9; }
@@ -989,14 +1001,18 @@ a {
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after {
display: block; display: block;
content: url('data:image/svg+xml,<svg width="160" height="40" 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="5"/></svg>'); } content: url('data:image/svg+xml,<svg width="160" height="40" 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="5"/></svg>'); }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child time { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date:not(:last-child):after {
padding-right: 1rem;
content: "|"; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date time {
font-size: 0.9rem; font-size: 0.9rem;
font-weight: 800; font-weight: 800;
padding-right: 1rem; padding-right: 1rem;
width: fit-content; } width: fit-content; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child time:after {
padding-left: 0.5rem;
content: "|"; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) {
width: 100%; } width: 100%; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 {
@@ -2006,7 +2022,8 @@ a {
color: #009ee3; } color: #009ee3; }
#header-top .region-header-top-left ul ul { #header-top .region-header-top-left ul ul {
display: flex; display: flex;
flex-direction: column; } flex-direction: column;
display: none; }
#header-top .region-header-top-left ul ul .is-active { #header-top .region-header-top-left ul ul .is-active {
color: #009ee3; } color: #009ee3; }
#header-top .region-header-top-left ul li { #header-top .region-header-top-left ul li {
@@ -2014,26 +2031,18 @@ a {
flex-direction: column; flex-direction: column;
background-color: white; background-color: white;
padding-bottom: 0.8rem; padding-bottom: 0.8rem;
min-width: 30%; } min-width: 30%;
align-items: center; }
#header-top .region-header-top-left ul li .menuOpen {
display: flex; }
#header-top .region-header-top-left ul li a { #header-top .region-header-top-left ul li a {
color: black; } color: black; }
#header-top .region-header-top-left ul li .is-active { #header-top .region-header-top-left ul li .is-active {
color: #009ee3; } color: #009ee3; }
#header-top .region-header-top-left ul li :hover { #header-top .region-header-top-left ul li :hover {
color: #009ee3; } color: #009ee3; }
#header-top .region-header-top-left ul ul { #header-top .region-header-top-left ul:hover ul {
display: none; } display: block; }
#header-top .region-header-top-left :hover ul ul {
display: flex;
justify-content: space-between;
padding: 1rem;
background-color: white; }
#header-top .region-header-top-left :hover ul ul .is-active {
color: #009ee3; }
#header-top .region-header-top-left :hover ul ul a {
color: black; }
#header-top .region-header-top-left :hover ul ul a:hover {
color: #009ee3; }
#header-top #block-socialnetwork-2 { #header-top #block-socialnetwork-2 {
position: relative; position: relative;
top: -33px; top: -33px;
web/themes/custom/eql/scripts/main.js
-2
View File
@@ -14,8 +14,6 @@ function toggleMenu(event) {
// faq reponse open // faq reponse open
// Attention ouvre toutes les question en même temps
var answers = document.getElementsByClassName("field--name-field-reponse"); var answers = document.getElementsByClassName("field--name-field-reponse");
var questions = document.getElementsByClassName("field--name-field-question"); var questions = document.getElementsByClassName("field--name-field-question");
web/themes/custom/eql/scss/pages/_actualite.scss
+12 -1
View File
@@ -30,11 +30,22 @@
} }
} }
.block-entity-fieldnodefield-date{ .block-entity-fieldnodefield-date{
grid-column: 2; grid-column: 2 / span 3;
text-transform: uppercase; text-transform: uppercase;
color: $blue-dark; color: $blue-dark;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 800; font-weight: 800;
.field--name-field-date{
display: flex;
flex-direction: row;
justify-content: flex-start;
.field__item:not(:last-child):after{
padding-right: 1rem;
padding-left: 1rem;
content: "|";
}
}
} }
.block-entity-fieldnodefield-images{ .block-entity-fieldnodefield-images{
web/themes/custom/eql/scss/pages/_home.scss
+16 -3
View File
@@ -264,14 +264,27 @@
padding-bottom: 1rem; padding-bottom: 1rem;
} }
} }
.field--name-field-date{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
&:not(:last-child):after{
padding-right: 1rem;
content: "|";
}
time{ time{
font-size: 0.9rem; font-size: 0.9rem;
font-weight: 800; font-weight: 800;
padding-right: 1rem; padding-right: 1rem;
width: fit-content; width: fit-content;
&:after{ // :not(:last-child):after{
padding-left: 0.5rem; // padding-left: 0.5rem;
content: "|";} // content: "|";
// }
}
} }
.field:not(.field--name-field-images){ .field:not(.field--name-field-images){
web/themes/custom/eql/scss/pages/_toutesactualites.scss
+16 -3
View File
@@ -57,15 +57,28 @@
content:url('data:image/svg+xml,<svg width="160" height="40" 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="5"/></svg>'); content:url('data:image/svg+xml,<svg width="160" height="40" 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="5"/></svg>');
} }
} }
.field--name-field-date{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
&:not(:last-child):after{
padding-right: 1rem;
content: "|";
}
time{ time{
font-size: 0.9rem; font-size: 0.9rem;
font-weight: 800; font-weight: 800;
padding-right: 1rem; padding-right: 1rem;
width: fit-content; width: fit-content;
&:after{ // :not(:last-child):after{
padding-left: 0.5rem; // padding-left: 0.5rem;
content: "|";} // content: "|";
// }
} }
}
.field:not(.field--name-field-images){ .field:not(.field--name-field-images){
width: 100%; width: 100%;
} }
web/themes/custom/eql/scss/partials/_header.scss
+69 -21
View File
@@ -90,6 +90,7 @@
flex-direction: column; flex-direction: column;
// padding: 1rem; // padding: 1rem;
// padding: 0.5rem; // padding: 0.5rem;
display: none;
.is-active{ .is-active{
color:$blue-light; color:$blue-light;
} }
@@ -101,6 +102,10 @@
padding-bottom: 0.8rem; padding-bottom: 0.8rem;
// align-items: center; // align-items: center;
min-width: 30%; min-width: 30%;
align-items: center;
.menuOpen{
display: flex;
}
a { a {
color: $black; color: $black;
// text-align: center; // text-align: center;
@@ -113,32 +118,75 @@
color: $blue-light; color: $blue-light;
} }
} }
}
ul ul {
display: none;
}
:hover ul{
ul{
display: flex;
justify-content: space-between;
padding: 1rem;
background-color: white;
.is-active{
color:$blue-light;
}
a{
color: $black;
&:hover{ &:hover{
color: $blue-light; ul{
} display: block;
} }
} }
} }
// ul ul {
// display: none;
// }
// :hover ul{
// ul{
// display: flex;
// justify-content: space-between;
// padding: 1rem;
// background-color: white;
// .is-active{
// color:$blue-light;
// }
// a{
// color: $black;
// &:hover{
// color: $blue-light;
// }
// }
// }
// }
// :hover div:first-of-type{
// .menuOpen ul{
// display: flex;
// justify-content: space-between;
// padding: 1rem;
// background-color: white;
// .is-active{
// color:$blue-light;
// }
// a{
// color: $black;
// &:hover{
// color: $blue-light;
// }
// }
// }
// }
// :hover ul div:nth-of-type(2){
// .menuOpen ul{
// display: flex;
// justify-content: space-between;
// padding: 1rem;
// background-color: white;
// .is-active{
// color:$blue-light;
// }
// a{
// color: $black;
// &:hover{
// color: $blue-light;
// }
// }
// }
// }
} }
// reseaux sociaux // reseaux sociaux