From 808a75e5ded25cd1cbe8c5d04ebbcbc29d8da418 Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 8 Apr 2022 17:06:08 +0200 Subject: [PATCH] responsive bdd --- web/themes/custom/eql/css-compiled/styles.css | 41 +++++++++++++++---- .../custom/eql/scss/pages/_basededonnees.scss | 28 ++++++++++--- .../eql/scss/pages/_basededonnees_autres.scss | 7 ++++ 3 files changed, 62 insertions(+), 14 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 2675526..583219b 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1443,23 +1443,42 @@ a { margin-bottom: 2rem; justify-content: space-between; align-items: center; } + @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 { + width: 100%; + margin: auto; + padding-top: 1rem; + padding-bottom: 2rem; } } .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 { display: flex; margin: auto; background: white; - width: 46%; + width: 40%; height: 80%; padding: 1rem; } - .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 .views-field-name .field-content { - grid-column: 3 /span 6; } - .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 .views-field-name span { - margin: 0; - padding: 1rem; - padding-bottom: 2rem; } + @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 .views-row { + width: 100%; + margin: 0em; } } + .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 .views-field-name { + display: flex; } + .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 .views-field-name .field-content { + margin: auto; } + .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 .views-field-name span { + margin: 0; + padding: 1rem; + padding-bottom: 2rem; } + @media (max-width: 359px) { + .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 .views-field-name span { + padding-left: 0.5rem; } } .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 a { color: black; font-size: 1.5rem; font-weight: 600; } + @media (max-width: 453px) { + .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 a { + font-size: 1.3rem; + hyphens: auto; } } .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 { 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 { @@ -1490,10 +1509,11 @@ a { grid-column: 3 / span 5; margin: auto; background: white; - margin-top: 2rem; } + margin-top: 5rem; } @media (max-width: 810px) { .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 { - padding: 2rem; } } + padding: 2rem; + margin-top: 1rem; } } .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { visibility: hidden; } @media (max-width: 810px) { @@ -1596,6 +1616,9 @@ a { flex-direction: column; margin: auto; } } +.path-ressources.basededonnees.autres .block-config-pages-block { + display: none; } + .path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d { visibility: visible !important; grid-column: 8 / span 9; diff --git a/web/themes/custom/eql/scss/pages/_basededonnees.scss b/web/themes/custom/eql/scss/pages/_basededonnees.scss index 34f8010..458a652 100644 --- a/web/themes/custom/eql/scss/pages/_basededonnees.scss +++ b/web/themes/custom/eql/scss/pages/_basededonnees.scss @@ -60,21 +60,31 @@ margin-bottom: 2rem; justify-content: space-between; align-items: center; + @media (max-width: 810px){ + width: 100%; + margin: auto; + padding-top: 1rem; + padding-bottom: 2rem; + } .views-row{ display: flex; margin: auto; background: $white; - width: 46%; + width: 40%; height: 80%; padding: 1rem; + @media (max-width: 810px){ + width: 100%; + margin: 0em; + } .views-field-name{ - + display: flex; .field-content{ - grid-column: 3 /span 6; - + // grid-column: 3 /span 6; + margin: auto; } span{ @@ -82,6 +92,9 @@ margin: 0; padding: 1rem; padding-bottom: 2rem; + @media (max-width: 359px){ + padding-left: 0.5rem; + } } @@ -90,6 +103,10 @@ color: $black; font-size: 1.5rem; font-weight: 600; + @media (max-width: 453px){ + font-size: 1.3rem; + hyphens: auto; + } } &:hover{ background: $blue-dark; @@ -157,10 +174,11 @@ // width: 65%; margin: auto; background: $white; - margin-top:2rem; + margin-top:5rem; // } @media (max-width: 810px){ padding: 2rem; + margin-top:1rem; } } diff --git a/web/themes/custom/eql/scss/pages/_basededonnees_autres.scss b/web/themes/custom/eql/scss/pages/_basededonnees_autres.scss index 259b714..b80ceef 100644 --- a/web/themes/custom/eql/scss/pages/_basededonnees_autres.scss +++ b/web/themes/custom/eql/scss/pages/_basededonnees_autres.scss @@ -1,5 +1,12 @@ .path-ressources.basededonnees.autres{ + + + .block-config-pages-block{ + display: none; + } + + //button proposer une ressource .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{ visibility: visible !important;