Unverified Commit b47b91bf authored by lauriii's avatar lauriii
Browse files

Issue #3212073 by Sakthivel M, kiran.kadam911, javi-er, Gauravmahlawat,...

Issue #3212073 by Sakthivel M, kiran.kadam911, javi-er, Gauravmahlawat, ranjith_kumar_k_u, mherchel: Olivero: Primary navigation toggle button(plus/minus) is not vertically center below 1200 res

(cherry picked from commit 75103040)
parent 0b6aa646
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
overflow: hidden; overflow: hidden;
width: 2.25rem; width: 2.25rem;
height: 2.25rem; height: 2.25rem;
margin-top: 2px; /* Visually align button with menu link text. */ margin-top: 0.5625rem; /* Visually align button with menu link text. */
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
cursor: pointer; cursor: pointer;
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
overflow: hidden; overflow: hidden;
width: var(--sp2); width: var(--sp2);
height: var(--sp2); height: var(--sp2);
margin-block-start: 2px; /* Visually align button with menu link text. */ margin-block-start: var(--sp0-5); /* Visually align button with menu link text. */
padding-block: 0; padding-block: 0;
padding-inline-start: 0; padding-inline-start: 0;
padding-inline-end: 0; padding-inline-end: 0;
......
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
.primary-nav__menu-link--button.primary-nav__menu-link--has-children:before, .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
.primary-nav__menu-link--button.primary-nav__menu-link--has-children:after { .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
position: absolute; position: absolute;
top: 1.25rem; top: 1.625rem; /* Visually align button with menu link text. */
width: 1.125rem; width: 1.125rem;
height: 0; height: 0;
content: ""; content: "";
......
...@@ -72,8 +72,8 @@ ...@@ -72,8 +72,8 @@
&:before, &:before,
&:after { &:after {
position: absolute; position: absolute;
inset-block-start: 20px;
inset-inline-end: 9px; inset-inline-end: 9px;
inset-block-start: calc(var(--sp0-5) + 17px); /* Visually align button with menu link text. */
width: 18px; width: 18px;
height: 0; height: 0;
content: ""; content: "";
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment