diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 20324c4..a43d215 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -5283,7 +5283,7 @@ svg.ext { margin: auto; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 { - font-size: 5rem; + font-size: 4em; color: rgb(9, 57, 139); font-weight: 400; text-align: center; @@ -5294,6 +5294,8 @@ svg.ext { @media (max-width: 810px) { .path-ressources .layout-content .region-content #block-contenudelapageprincipale h2 { margin-left: 0; + text-align: left; + line-height: 4rem; } } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content { @@ -5342,6 +5344,7 @@ svg.ext { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction { margin: auto; background: rgb(255, 255, 255); + font-size: 1rem; } @media (max-width: 479px) { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction { @@ -5446,6 +5449,7 @@ svg.ext { content: "Afficher : "; padding-right: 1rem; font-weight: 800; + font-size: 0.8rem; margin-bottom: 1rem; display: block; width: 100%; @@ -5458,9 +5462,10 @@ svg.ext { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button { background-color: transparent; border: 1px solid black; - padding: 0.5rem 0.8rem 0.2rem 0.6rem; - margin-bottom: 1rem; + padding: 0.3rem 0.3rem 0.1rem 0.3rem; + margin-bottom: 0.5rem; margin-right: 0.5rem; + font-size: 0.6rem; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button:hover { cursor: grab; @@ -5553,6 +5558,7 @@ svg.ext { content: "Filtrer par : "; padding-right: 1rem; font-weight: 800; + font-size: 0.8rem; margin-bottom: 1rem; } @media (max-width: 479px) { @@ -5560,16 +5566,21 @@ svg.ext { padding-bottom: 1rem; } } +.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item { + font-size: 0.6rem; +} .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine { border-top: none; border-left: none; border-right: none; + font-size: 0.6rem; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine label { display: none; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine .input-wrapper { display: inline-flex; + font-size: 0.6rem; } .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form .form-item-combine .input-wrapper::after { content: url("../images/pictos/loupe.svg"); @@ -5579,9 +5590,15 @@ svg.ext { text-align: start !important; max-width: 100% !important; } +.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form select { + font-size: 0.6rem; +} .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form select ::placeholder { display: none; } +.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters form input { + font-size: 0.6rem; +} .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .filtered { display: flex; flex-direction: row; diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index 0c95d11..d172f9e 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -11,16 +11,18 @@ margin: auto; #block-contenudelapageprincipale{ h2{ - font-size: 5rem; + font-size: 4em; color: $blue-dark; font-weight: 400; text-align: center; margin-bottom: 1rem; width: fit-content; margin-left: 28%; + @media (max-width:810px) { margin-left: 0; - // line-height: 4rem; + text-align: left; + line-height: 4rem; } } .layout--onecol{ @@ -63,6 +65,7 @@ .field--name-field-introduction{ margin: auto; background: $white; + font-size: 1rem; // margin-top:5rem; @media (max-width: 479px){ margin-top:1rem; @@ -167,6 +170,7 @@ content: "Afficher : "; padding-right: 1rem; font-weight: 800; + font-size: 0.8rem; margin-bottom: 1rem; display: block; width: 100%; @@ -179,9 +183,10 @@ background-color: transparent; // border-radius: 30px; border: 1px solid black; - padding: 0.5rem 0.8rem 0.2rem 0.6rem; - margin-bottom: 1rem; + padding: 0.3rem 0.3rem 0.1rem 0.3rem; + margin-bottom: 0.5rem; margin-right: 0.5rem; + font-size: 0.6rem; &:hover{ cursor: grab; background-color: $blue-dark; @@ -331,18 +336,24 @@ content: "Filtrer par : "; padding-right: 1rem; font-weight: 800; + font-size: 0.8rem; margin-bottom: 1rem; @media (max-width: 479px){ padding-bottom: 1rem; } } + .form-item{ + font-size: 0.6rem; + } .form-item-combine{ border-top: none; border-left: none; border-right: none; + font-size: 0.6rem; label{display: none;} .input-wrapper{ display: inline-flex; + font-size: 0.6rem; &::after{ content: url("../images/pictos/loupe.svg"); display: inline-block; @@ -354,10 +365,14 @@ } } select{ + font-size: 0.6rem; ::placeholder{ display: none; } } + input{ + font-size: 0.6rem; + } } } .filtered{