mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 02:03:09 +08:00
UX: unblock clicking through progress bar wrapper (#31135)
Reported here: https://meta.discourse.org/t/topic-navigation-toggle-prevents-interactions-on-the-page-in-a-certain-area/350073 The purple wrapper shown here prevents elements underneath it from being clicked/tapped, this can sometimes interfere with post controls  The fix is to disable pointer events on the wrapping element, so clicks pass through. Then clicks are re-enabled on the child element.
This commit is contained in:
parent
c731a918e5
commit
71eb2f6cda
@ -43,6 +43,11 @@
|
||||
position: sticky;
|
||||
bottom: calc(env(safe-area-inset-bottom) + var(--composer-height, 0px));
|
||||
z-index: z("timeline");
|
||||
pointer-events: none; // the wrapper can block mobile controls
|
||||
|
||||
#topic-progress-wrapper {
|
||||
pointer-events: auto; // this unsets the above rule so the element is interactive
|
||||
}
|
||||
}
|
||||
|
||||
#topic-progress-wrapper {
|
||||
|
Loading…
x
Reference in New Issue
Block a user