Verified Commit 81c4fd68 authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3440223 by bronzehedwick, ahsannazir, jwitkowski79, adwivedi008:... 

Issue #3440223 by bronzehedwick, ahsannazir, jwitkowski79, adwivedi008: Incorrect padding on child menu items

(cherry picked from commit 91b4cf23)
parent a86a0294

core/modules/navigation/css/components/toolbar-button.css

+3 −3
Original line number Diff line number Diff line
@@ -24,8 +24,8 @@ 
.toolbar-button {

  z-index: 1;

  align-items: center;

  padding-inline: var(--admin-toolbar-space-16) var(--admin-toolbar-space-12);

  padding-block: calc(0.625 * var(--admin-toolbar-rem));

  padding-inline: var(--admin-toolbar-space-16);

  padding-block: calc(0.75 * var(--admin-toolbar-rem));

  cursor: pointer;

  text-align: start;

  -webkit-text-decoration: none;
@@ -87,7 +87,7 @@ 
[class*="toolbar-button--icon"] {

  --icon: url("data:image/svg+xml,%3csvg width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e  %3cpath d='M19.5 3H4.5C4.10218 3 3.72064 3.15804 3.43934 3.43934C3.15804 3.72064 3 4.10218 3 4.5V19.5C3 19.8978 3.15804 20.2794 3.43934 20.5607C3.72064 20.842 4.10218 21 4.5 21H19.5C19.8978 21 20.2794 20.842 20.5607 20.5607C20.842 20.2794 21 19.8978 21 19.5V4.5C21 4.10218 20.842 3.72064 20.5607 3.43934C20.2794 3.15804 19.8978 3 19.5 3ZM4.5 19.5V5.56031L18.4397 19.5H4.5ZM5.56031 4.5H19.5V18.4406L5.56031 4.5Z' fill='currentColor'/%3e%3c/svg%3e"); /* Default icon, aka --basic */



  padding-inline: calc(0.625 * var(--admin-toolbar-rem));

  padding-inline: calc(0.75 * var(--admin-toolbar-rem));

}

[class*="toolbar-button--icon"]::before {

  display: block;

core/modules/navigation/css/components/toolbar-button.pcss.css

+3 −3
Original line number Diff line number Diff line
@@ -22,8 +22,8 @@ 
.toolbar-button {

  z-index: 1;

  align-items: center;

  padding-inline: var(--admin-toolbar-space-16) var(--admin-toolbar-space-12);

  padding-block: calc(0.625 * var(--admin-toolbar-rem));

  padding-inline: var(--admin-toolbar-space-16);

  padding-block: calc(0.75 * var(--admin-toolbar-rem));

  cursor: pointer;

  text-align: start;

  text-decoration: none;
@@ -94,7 +94,7 @@ 
[class*="toolbar-button--icon"] {

  --icon: url(../../assets/icons/basic.svg); /* Default icon, aka --basic */



  padding-inline: calc(0.625 * var(--admin-toolbar-rem));

  padding-inline: calc(0.75 * var(--admin-toolbar-rem));



  &::before {

    display: block;