Commit 66e0d15c authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

fix: #3575066 Olivero mobile close button not properly placed against top nav bar 

By: byfransheska@gmail.com
By: mherchel
By: jinah
(cherry picked from commit d16d7606fa0dec05eac2c1db4a5b91f618676350)
(cherry picked from commit 011a2298)
parent c9562cad

core/themes/olivero/css/components/header-navigation.css

+7 −0
Original line number Diff line number Diff line
@@ -34,6 +34,13 @@ 
  background-color: var(--color--white);

  box-shadow: 0 0 72px rgb(0, 0, 0, 0.1);



  /* When Navigation module's mobile top bar is present, add padding to ensure no overlap. */

  body:has(> .admin-toolbar-control-bar) & {

    @media (max-width: 63.9375rem) {

      padding-top: 3rem;

    }

  }



  &.is-active {

    visibility: visible;

    transform: translateX(calc(-100% - var(--drupal-displace-offset-right, 0px))); /* LTR */

core/themes/olivero/css/components/header-navigation.pcss.css

+7 −0
Original line number Diff line number Diff line
@@ -29,6 +29,13 @@ 
  background-color: var(--color--white);

  box-shadow: 0 0 72px rgb(0, 0, 0, 0.1);



  /* When Navigation module's mobile top bar is present, add padding to ensure no overlap. */

  body:has(> .admin-toolbar-control-bar) & {

    @media (max-width: 1023px) {

      padding-top: 48px;

    }

  }



  &.is-active {

    visibility: visible;

    transform: translateX(calc(-100% - var(--drupal-displace-offset-right, 0px))); /* LTR */