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

Issue #3443835 by Gauravvvv, aronm, m4olivei, finnsky, dalin, javi-er: 'Help' tooltip is obstructed behind the navigation toolbar border

merge-requests/7954/merge
Cristina Chumillas 2024-05-09 08:49:14 -07:00
parent d1c96153ff
commit 4839441f27
No known key found for this signature in database
4 changed files with 8 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
core/modules/navigation/css/components/admin-toolbar.css
View File

@ -65,14 +65,6 @@ body {
font-family: var(--admin-toolbar-font-family);
inline-size: calc(var(--admin-toolbar-sidebar-width) + 1px);
}
.admin-toolbar::after {
position: absolute;
top: 0;
height: 100%;
content: "";
border-inline-end: 1px solid var(--admin-toolbar-color-gray-100);
inset-inline-end: 0;
}
[dir="rtl"] .admin-toolbar {
right: 0;
transform: translateX(100%);
@ -272,6 +264,7 @@ body {
gap: var(--admin-toolbar-space-12);
padding-block: var(--admin-toolbar-sidebar-header) var(--admin-toolbar-space-16);
padding-inline: var(--admin-toolbar-space-16);
border-inline-end: 1px solid var(--admin-toolbar-color-gray-100);
}
@media (min-width: 64rem) {
.admin-toolbar__content {
@ -307,10 +300,11 @@ body {
margin-block-start: auto;
padding: var(--admin-toolbar-space-16);
border-block-start: 1px solid var(--admin-toolbar-color-gray-200);
border-inline-end: 1px solid var(--admin-toolbar-color-gray-100);
}
@media (min-width: 64rem) {
.admin-toolbar__footer {
--admin-toolbar-z-index-footer: -1;
--admin-toolbar-z-index-footer: 1;
position: sticky;
bottom: 0;

13
core/modules/navigation/css/components/admin-toolbar.pcss.css
View File

@ -66,15 +66,6 @@ body {
font-family: var(--admin-toolbar-font-family);
inline-size: calc(var(--admin-toolbar-sidebar-width) + 1px);
&::after {
position: absolute;
top: 0;
height: 100%;
content: "";
border-inline-end: 1px solid var(--admin-toolbar-color-gray-100);
inset-inline-end: 0;
}
[dir="rtl"] & {
right: 0;
transform: translateX(100%);
@ -286,6 +277,7 @@ body {
gap: var(--admin-toolbar-space-12);
padding-block: var(--admin-toolbar-sidebar-header) var(--admin-toolbar-space-16);
padding-inline: var(--admin-toolbar-space-16);
border-inline-end: 1px solid var(--admin-toolbar-color-gray-100);
@media (--admin-toolbar-desktop) {
display: flex;
@ -321,9 +313,10 @@ body {
margin-block-start: auto;
padding: var(--admin-toolbar-space-16);
border-block-start: 1px solid var(--admin-toolbar-color-gray-200);
border-inline-end: 1px solid var(--admin-toolbar-color-gray-100);
@media (--admin-toolbar-desktop) {
--admin-toolbar-z-index-footer: -1;
--admin-toolbar-z-index-footer: 1;
position: sticky;
bottom: 0;

2
core/modules/navigation/css/components/toolbar-popover.css
View File

@ -62,7 +62,7 @@
filter: drop-shadow(0 0 4.5rem rgba(0, 0, 0, 0.2)) drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.04)) drop-shadow(0 0 2.5rem rgba(0, 0, 0, 0.06));
inline-size: var(--admin-toolbar-popover-width);
inset-block-start: 0;
inset-inline-start: 0;
inset-inline-start: 1px;
}
}
[data-toolbar-popover-safe-triangle] {

2
core/modules/navigation/css/components/toolbar-popover.pcss.css
View File

@ -62,7 +62,7 @@
filter: drop-shadow(0 0 72px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 0 40px rgba(0, 0, 0, 0.06));
inline-size: var(--admin-toolbar-popover-width);
inset-block-start: 0;
inset-inline-start: 0;
inset-inline-start: 1px;
}
}