fix(dashboard): fix widget nav button on iOS; lift header above backdrop-filter
widgetHeader replaces <a href> with <button type="button"> so iOS Safari does not intercept the touch event before the JS click handler fires. widget__header gets position: relative; z-index: 2 to appear above the backdrop-filter ::after pseudo-element stacking context.
This commit is contained in:
@@ -119,9 +119,9 @@ function widgetHeader(icon, title, count, linkHref, linkLabel) {
|
|||||||
${title}
|
${title}
|
||||||
${badge}
|
${badge}
|
||||||
</span>
|
</span>
|
||||||
<a href="${linkHref}" data-route="${linkHref}" class="widget__link">
|
<button type="button" data-route="${linkHref}" class="widget__link">
|
||||||
${linkLabel}
|
${linkLabel}
|
||||||
</a>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -187,6 +187,8 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: var(--space-3) var(--space-4) var(--space-2);
|
padding: var(--space-3) var(--space-4) var(--space-2);
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget__title {
|
.widget__title {
|
||||||
|
|||||||
Reference in New Issue
Block a user