diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 5dd9e76..96dd864 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1225,6 +1225,11 @@ a { .path-faq #block-contenudelapageprincipale .block-region-content { display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; } + @media (max-width: 810px) { + .path-faq #block-contenudelapageprincipale .block-region-content { + display: flex; + flex-direction: column; + margin: auto; } } .path-faq #block-contenudelapageprincipale .block-region-content .block-config-pages.block-config-pages-block { grid-column: 2 / span 3; } .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 { @@ -1264,11 +1269,31 @@ a { padding-top: 1rem; display: block; content: url("../images/pictos/noun_Arrow_3771902.svg"); } + @media (max-width: 810px) { + .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 { + margin: auto; + padding: 0rem; } + .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien { + text-align: center; } + .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before { + margin-top: 1rem; + display: block; + content: url("../images/pictos/picto_faq_2.svg"); } + .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a { + font-size: 0.8rem; + font-weight: 1000; + color: #09398b; + text-transform: uppercase; } } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 { margin-top: 2rem; grid-column: 2 / span 3; display: grid; grid-template-columns: 1fr 1fr 1fr; } + @media (max-width: 810px) { + .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 { + width: 80%; + margin: auto; + margin-top: 1rem; } } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child { grid-column: 1 / span 3; } .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse { diff --git a/web/themes/custom/eql/images/pictos/picto_faq_2.svg b/web/themes/custom/eql/images/pictos/picto_faq_2.svg new file mode 100644 index 0000000..ea684ae --- /dev/null +++ b/web/themes/custom/eql/images/pictos/picto_faq_2.svg @@ -0,0 +1,71 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/web/themes/custom/eql/scss/pages/_faq.scss b/web/themes/custom/eql/scss/pages/_faq.scss index 0e6443a..17b2daa 100644 --- a/web/themes/custom/eql/scss/pages/_faq.scss +++ b/web/themes/custom/eql/scss/pages/_faq.scss @@ -17,6 +17,11 @@ display: grid; grid-template-columns: 1fr repeat(4, 2fr) 1fr; + @media (max-width: 810px){ + display: flex; + flex-direction: column; + margin: auto; + } // texte .block-config-pages.block-config-pages-block{ @@ -34,6 +39,7 @@ margin-left: 2rem; padding: 1rem; background-color: $blue-light; + .field--name-field-lien{ &:before{ margin-top: 1rem; @@ -70,12 +76,35 @@ } } } + @media (max-width: 810px){ + margin: auto; + padding: 0rem; + .field--name-field-lien{ + &:before{ + margin-top: 1rem; + display: block; + content: url("../images/pictos/picto_faq_2.svg"); + } + text-align: center; + a{ + font-size: 0.8rem; + font-weight: 1000; + color: $blue-dark; + text-transform: uppercase; + } + } + } } .block-views-blockfaq-block-1{ - margin-top: 2rem; + margin-top: 2rem; grid-column: 2 / span 3; display: grid; grid-template-columns: 1fr 1fr 1fr; + @media (max-width: 810px){ + width: 80%; + margin: auto; + margin-top: 1rem; + } div:first-child{ grid-column: 1 / span 3; // width: 70%;