Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3191727 by Santosh_Verma, Gauravvvv, imalabya, chetanbharambe, Harish1688, chetansonawane, lauriii, smustgrave, mherchel: Focus states on mobile second level navigation items can get cut off in Olivero

merge-requests/7989/head
nod_ 2024-05-09 06:28:04 +09:00
parent 5e0d1efa0a
commit 924d567aac
No known key found for this signature in database
GPG Key ID: 76624892606FA197
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
core/themes/olivero/css/components/navigation/nav-primary.css
View File

@ -173,6 +173,14 @@
opacity: 1;
}
.primary-nav__menu--level-2 .primary-nav__menu-item--level-2:first-child {
padding-block-start: var(--sp0-25);
}
.primary-nav__menu--level-2 .primary-nav__menu-item--level-2:last-child {
padding-block-end: var(--sp0-25);
}
@media (min-width: 43.75rem) {
.primary-nav__menu--level-2 {
margin-inline-start: calc(-1 * var(--sp3));

10
core/themes/olivero/css/components/navigation/nav-primary.pcss.css
View File

@ -165,6 +165,16 @@
opacity: 1;
}
& .primary-nav__menu-item--level-2 {
&:first-child {
padding-block-start: var(--sp0-25);
}
&:last-child {
padding-block-end: var(--sp0-25);
}
}
@media (--md) {
margin-inline-start: calc(-1 * var(--sp3));
padding-inline-start: var(--sp3);