diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 17f8267..d812cc4 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -5431,7 +5431,6 @@ svg.ext { z-index: 1; transform: translateY(-210px); margin-bottom: -210px; - overflow-y: scroll; } @media (max-width: 810px) { .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 { @@ -5594,6 +5593,11 @@ svg.ext { display: inline-flex; position: relative; font-size: 0.8rem; + width: -webkit-fill-available; /* Safari/Chrome */ + width: -moz-available; /* Firefox */ + width: fill-available; /* standard futur */ + width: 100%; /* fallback */ + max-width: 100%; } .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"); diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index c189d34..9fda9ee 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -153,7 +153,7 @@ z-index: 1; transform: translateY(-210px); margin-bottom: -210px; - overflow-y: scroll; + @media (max-width: 810px) { position: static; @@ -361,6 +361,11 @@ display: inline-flex; position: relative; font-size: 0.8rem; + width: -webkit-fill-available; /* Safari/Chrome */ + width: -moz-available; /* Firefox */ + width: fill-available; /* standard futur */ + width: 100%; /* fallback */ + max-width: 100%; &::after{ content: url("../images/pictos/loupe.svg"); display: inline-block; @@ -374,8 +379,7 @@ } - .form-item-combine:not(.form-item-field-date-de-parution-value) - .search-with-clear{ + .form-item-combine:not(.form-item-field-date-de-parution-value) .search-with-clear{ .clear-input { position: absolute; right: -4px;