diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css index 11cceaf..e6c2e72 100644 --- a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css +++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css @@ -382,14 +382,12 @@ footer span.totop { flex-direction: column; } } .layout-sidebar-first { + width: 25%; display: flex; - justify-content: end; - position: relative; - grid-column: 1 /span 2; - grid-row: 1; - z-index: 98; - order: 1; - margin-top: 5rem; } + position: fixed; + left: 5%; + top: 200px; + z-index: 98; } @media (max-width: 891px) { .layout-sidebar-first { margin-left: 5%; @@ -399,13 +397,9 @@ footer span.totop { width: 80%; margin-top: 3rem; } } .layout-sidebar-first .sidebar_first_container { - position: sticky; - position: -webkit-sticky; - top: 0; - align-self: flex-start; display: flex; flex-direction: column; - width: 80%; + width: 50%; font-weight: 400; } .layout-sidebar-first .sidebar_first_container .field-content { margin-bottom: 0.5rem; diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss index abbe264..4405f47 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss @@ -1,12 +1,15 @@ .layout-sidebar-first{ + width: 25%; display: flex; - justify-content: end; - position: relative; - grid-column: 1 /span 2; - grid-row: 1; + position: fixed; + left: 5%; + top: 200px; z-index: 98; - order: 1; - margin-top: 5rem; + // order: 1; + // grid-column: 1 /span 2; + // grid-row: 1; + + // margin-top: 5rem; @media(max-width:891px){ margin-left: 5%; margin-top: 9rem; @@ -16,18 +19,10 @@ margin-top: 3rem; } .sidebar_first_container{ - position: sticky; - position: -webkit-sticky; - top: 0; - align-self: flex-start; - display: flex; flex-direction: column; - width: 80%; - - // top: 10rem; + width: 50%; font-weight: 400; - .field-content{ margin-bottom: 0.5rem; font-size: 0.6rem;