From 42f9b18ffb06b3185f1a9f4c84638a4092e0f39b Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 6 Jan 2022 21:47:54 +0100 Subject: [PATCH] smart phone actus bdd --- web/themes/custom/eql/css-compiled/styles.css | 19 ++++++++++++++++++- web/themes/custom/eql/scripts/main.js | 14 +++++++------- .../custom/eql/scss/pages/_basededonnees.scss | 16 ++++++++++++++++ web/themes/custom/eql/scss/pages/_static.scss | 1 + .../eql/scss/pages/_toutesactualites.scss | 8 +++++++- .../custom/eql/scss/partials/_footer.scss | 1 + 6 files changed, 50 insertions(+), 9 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 94a87e8..1c3e23b 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1072,6 +1072,11 @@ a { .path-actualites .block-region-content .block-views .view-content .views-row { width: 25%; flex: 0 0 25%; } + @media (max-width: 810px) { + .path-actualites .block-region-content .block-views .view-content { + flex-direction: column; } + .path-actualites .block-region-content .block-views .view-content .views-row { + width: 100%; } } .path-actualites .block-region-content .block-views .view-display-id-block_2 { padding-top: 0; } .path-actualites .block-region-content .block-views .node-type-actualite { @@ -1392,6 +1397,12 @@ a { background: #09398b; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a { color: white; } + @media (max-width: 810px) { + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content { + flex-direction: column; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row { + width: 100%; + margin-top: 1rem; } } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 { grid-column: 3 / span 5; margin: auto; @@ -1452,6 +1463,11 @@ a { margin-bottom: 1rem; } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row:hover { background-color: #009ee3; } + @media (max-width: 810px) { + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content { + flex-direction: column; } + .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row { + width: 100%; } } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource { display: flex; flex-direction: column; @@ -2509,7 +2525,8 @@ a { padding-top: 3rem; } @media (max-width: 810px) { #fotter-bottom { - flex-direction: column; } } + flex-direction: column; + padding-right: 1rem; } } #fotter-bottom .region { display: block; padding-left: 2rem; diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js index d5eb848..e808df8 100644 --- a/web/themes/custom/eql/scripts/main.js +++ b/web/themes/custom/eql/scripts/main.js @@ -55,14 +55,14 @@ function rotateFleche(event) { // ///////////////// //// ancre dans texte -document.querySelector('.paragraph--view-mode--textes-toc').click( function() { - var page = this.attr('href'); - var speed = 750; // gérer la vitesse de défliement +// document.querySelector('.paragraph--view-mode--textes-toc').click( function() { +// var page = this.attr('href'); +// var speed = 750; // gérer la vitesse de défliement - // Ici on retranche la hauteur du bandeau (201px dans ta feuille de styles) -document.querySelector('html, body').animate( { scrollTop: page.offset().top - 201 }, speed ); - return false; -}); +// // Ici on retranche la hauteur du bandeau (201px dans ta feuille de styles) +// document.querySelector('html, body').animate( { scrollTop: page.offset().top - 201 }, speed ); +// return false; +// }); /// sticky header on scroll diff --git a/web/themes/custom/eql/scss/pages/_basededonnees.scss b/web/themes/custom/eql/scss/pages/_basededonnees.scss index 1a43fa1..546a1bc 100644 --- a/web/themes/custom/eql/scss/pages/_basededonnees.scss +++ b/web/themes/custom/eql/scss/pages/_basededonnees.scss @@ -58,6 +58,7 @@ margin-bottom: 2rem; justify-content: space-between; align-items: center; + .views-row{ display: flex; margin: auto; @@ -92,6 +93,13 @@ } } + @media (max-width: 810px){ + flex-direction: column; + .views-row{ + width: 100%; + margin-top: 1rem; + } + } } } // .view-filters{ @@ -191,6 +199,7 @@ flex-wrap: wrap; justify-content: space-between; margin-top: 3rem; + .views-row{ width: 49%; // padding: 1rem; @@ -202,7 +211,14 @@ &:hover{ background-color: $blue-light; } + } + @media (max-width: 810px){ + flex-direction: column; + .views-row{ + width: 100%; + } + } .node-type-ressource{ display: flex; diff --git a/web/themes/custom/eql/scss/pages/_static.scss b/web/themes/custom/eql/scss/pages/_static.scss index e1a9eb7..3006ad3 100644 --- a/web/themes/custom/eql/scss/pages/_static.scss +++ b/web/themes/custom/eql/scss/pages/_static.scss @@ -60,6 +60,7 @@ } } } + } } diff --git a/web/themes/custom/eql/scss/pages/_toutesactualites.scss b/web/themes/custom/eql/scss/pages/_toutesactualites.scss index 4870a87..a4c7105 100644 --- a/web/themes/custom/eql/scss/pages/_toutesactualites.scss +++ b/web/themes/custom/eql/scss/pages/_toutesactualites.scss @@ -19,7 +19,13 @@ .views-row{ width: 25%; flex: 0 0 25%; - } + } + @media (max-width: 810px){ + flex-direction: column; + .views-row{ + width: 100%; + } + } } .view-display-id-block_2{ padding-top: 0; diff --git a/web/themes/custom/eql/scss/partials/_footer.scss b/web/themes/custom/eql/scss/partials/_footer.scss index b37776e..5daa1cb 100644 --- a/web/themes/custom/eql/scss/partials/_footer.scss +++ b/web/themes/custom/eql/scss/partials/_footer.scss @@ -11,6 +11,7 @@ @media (max-width: 810px){ flex-direction: column; + padding-right: 1rem; } .region{