Verified Commit 95d051ff authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3238618 by gauravvvv, rpayanm, Harish1688, tauoms, roshanibhangale,... 

Issue #3238618 by gauravvvv, rpayanm, Harish1688, tauoms, roshanibhangale, mherchel, quietone: Olivero: Allow primary & secondary navigation focus outline to work with long text

(cherry picked from commit eb0e5f46)
parent 6d982d1e

core/themes/olivero/css/components/navigation/nav-primary-wide.css

+1 −1
Original line number Diff line number Diff line
@@ -40,7 +40,7 @@ 
    top: 50%;

    left: 50%;

    width: calc(100% + var(--sp));

    height: var(--sp3);

    height: calc(100% - var(--sp3));

    content: "";

    transform: translate(-50%, -50%);

    border: solid 2px var(--color--primary-50);

core/themes/olivero/css/components/navigation/nav-primary-wide.pcss.css

+1 −1
Original line number Diff line number Diff line
@@ -37,7 +37,7 @@ body:not(.is-always-mobile-nav) { 
          top: 50%;

          left: 50%;

          width: calc(100% + var(--sp));

          height: var(--sp3);

          height: calc(100% - var(--sp3));

          content: "";

          transform: translate(-50%, -50%);

          border: solid 2px var(--color--primary-50);

core/themes/olivero/css/components/navigation/nav-secondary.css

+2 −2
Original line number Diff line number Diff line
@@ -47,7 +47,6 @@ 
  position: relative;

  display: inline-flex;

  align-items: center;

  height: var(--sp2);

  -webkit-text-decoration: none;

  text-decoration: none;

  color: inherit;
@@ -99,6 +98,7 @@ 
  body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus {

    position: relative;

    outline: 0;

    padding-block: var(--sp0-5);

  }



  body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus::before {
@@ -106,7 +106,7 @@ 
    top: 50%;

    left: 50%;

    width: calc(100% + var(--sp));

    height: var(--sp3);

    height: 100%;

    content: "";

    transform: translate(-50%, -50%);

    border: solid 2px var(--color--primary-50);

core/themes/olivero/css/components/navigation/nav-secondary.pcss.css

+2 −2
Original line number Diff line number Diff line
@@ -42,7 +42,6 @@ 
  position: relative;

  display: inline-flex;

  align-items: center;

  height: var(--sp2);

  text-decoration: none;

  color: inherit;
@@ -98,13 +97,14 @@ body:not(.is-always-mobile-nav) { 
      &:focus {

        position: relative;

        outline: 0;

        padding-block: var(--sp0-5);



        &::before {

          position: absolute;

          top: 50%;

          left: 50%;

          width: calc(100% + var(--sp));

          height: var(--sp3);

          height: 100%;

          content: "";

          transform: translate(-50%, -50%);

          border: solid 2px var(--color--primary-50);