diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index 33d2255..b8a1c40 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -537,14 +537,18 @@ a {
object-fit: cover;
width: 100%;
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 {
- font-size: 0.9rem;
- font-weight: 800;
- padding-right: 1rem;
- 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;
+ .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-weight: 800;
+ padding-right: 1rem;
+ width: fit-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) {
width: 100%; }
.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-weight: 500; }
.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;
color: #09398b;
font-size: 1.2rem;
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 {
grid-column-start: 5;
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 {
display: block;
content: url('data:image/svg+xml,'); }
- .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time {
- font-size: 0.9rem;
- font-weight: 800;
- padding-right: 1rem;
- width: fit-content; }
- .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time:after {
- padding-left: 0.5rem;
+ .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-weight: 800;
+ padding-right: 1rem;
+ width: fit-content; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) {
width: 100%; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 {
@@ -2006,7 +2022,8 @@ a {
color: #009ee3; }
#header-top .region-header-top-left ul ul {
display: flex;
- flex-direction: column; }
+ flex-direction: column;
+ display: none; }
#header-top .region-header-top-left ul ul .is-active {
color: #009ee3; }
#header-top .region-header-top-left ul li {
@@ -2014,26 +2031,18 @@ a {
flex-direction: column;
background-color: white;
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 {
color: black; }
#header-top .region-header-top-left ul li .is-active {
color: #009ee3; }
#header-top .region-header-top-left ul li :hover {
color: #009ee3; }
- #header-top .region-header-top-left ul ul {
- display: none; }
- #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 .region-header-top-left ul:hover ul {
+ display: block; }
#header-top #block-socialnetwork-2 {
position: relative;
top: -33px;
diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js
index 63cde25..9073b5a 100644
--- a/web/themes/custom/eql/scripts/main.js
+++ b/web/themes/custom/eql/scripts/main.js
@@ -14,8 +14,6 @@ function toggleMenu(event) {
// faq reponse open
-// Attention ouvre toutes les question en même temps
-
var answers = document.getElementsByClassName("field--name-field-reponse");
var questions = document.getElementsByClassName("field--name-field-question");
diff --git a/web/themes/custom/eql/scss/pages/_actualite.scss b/web/themes/custom/eql/scss/pages/_actualite.scss
index 9df5b0d..175828d 100644
--- a/web/themes/custom/eql/scss/pages/_actualite.scss
+++ b/web/themes/custom/eql/scss/pages/_actualite.scss
@@ -30,11 +30,22 @@
}
}
.block-entity-fieldnodefield-date{
- grid-column: 2;
+ grid-column: 2 / span 3;
text-transform: uppercase;
color: $blue-dark;
font-size: 1.2rem;
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{
diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss
index 7563b83..2f1b894 100644
--- a/web/themes/custom/eql/scss/pages/_home.scss
+++ b/web/themes/custom/eql/scss/pages/_home.scss
@@ -264,14 +264,27 @@
padding-bottom: 1rem;
}
}
- time{
- font-size: 0.9rem;
- font-weight: 800;
- padding-right: 1rem;
- width: fit-content;
- &:after{
- padding-left: 0.5rem;
- content: "|";}
+
+ .field--name-field-date{
+ display: flex;
+ flex-direction: row-reverse;
+ justify-content: flex-end;
+ &:not(:last-child):after{
+ padding-right: 1rem;
+ content: "|";
+ }
+ time{
+ font-size: 0.9rem;
+ font-weight: 800;
+ padding-right: 1rem;
+ width: fit-content;
+ // :not(:last-child):after{
+ // padding-left: 0.5rem;
+ // content: "|";
+ // }
+
+
+ }
}
.field:not(.field--name-field-images){
diff --git a/web/themes/custom/eql/scss/pages/_toutesactualites.scss b/web/themes/custom/eql/scss/pages/_toutesactualites.scss
index dadc6a5..4870a87 100644
--- a/web/themes/custom/eql/scss/pages/_toutesactualites.scss
+++ b/web/themes/custom/eql/scss/pages/_toutesactualites.scss
@@ -57,15 +57,28 @@
content:url('data:image/svg+xml,');
}
}
- time{
- font-size: 0.9rem;
- font-weight: 800;
- padding-right: 1rem;
- width: fit-content;
- &:after{
- padding-left: 0.5rem;
- content: "|";}
+ .field--name-field-date{
+ display: flex;
+ flex-direction: row-reverse;
+ justify-content: flex-end;
+ &:not(:last-child):after{
+ padding-right: 1rem;
+ content: "|";
+ }
+ time{
+ font-size: 0.9rem;
+ font-weight: 800;
+ padding-right: 1rem;
+ width: fit-content;
+ // :not(:last-child):after{
+ // padding-left: 0.5rem;
+ // content: "|";
+ // }
+
+
+ }
}
+
.field:not(.field--name-field-images){
width: 100%;
}
diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss
index 95eb918..2b7ce01 100644
--- a/web/themes/custom/eql/scss/partials/_header.scss
+++ b/web/themes/custom/eql/scss/partials/_header.scss
@@ -81,7 +81,7 @@
background-color: white;
width: 100%;
padding: 1rem;
-
+
.is-active{
color:$blue-light;
}
@@ -90,6 +90,7 @@
flex-direction: column;
// padding: 1rem;
// padding: 0.5rem;
+ display: none;
.is-active{
color:$blue-light;
}
@@ -101,6 +102,10 @@
padding-bottom: 0.8rem;
// align-items: center;
min-width: 30%;
+ align-items: center;
+ .menuOpen{
+ display: flex;
+ }
a {
color: $black;
// text-align: center;
@@ -113,32 +118,75 @@
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;
+ &:hover{
+ ul{
+ display: block;
}
-
- a{
- color: $black;
- &:hover{
- 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{
+ // 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