jonny
/
Signal-Desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Allow outside click for focustrap

This commit is contained in:
Josh Perez 2022-04-08 14:50:26 -04:00 committed by GitHub
parent 0f16ef5dd6
commit 28c1346a25
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
stylesheets/_variables.scss
View File

@ -258,7 +258,8 @@ $z-index-on-top-of-everything: 9000;
// The scroll down button should be above everything in the timeline but
// popups, tooltips, toasts, and other items should stack above it.
$z-index-scroll-down-button: 10;
$z-index-calling: 101;
$z-index-above-popup: 102;
$z-index-stories: 97;
$z-index-calling: 98;
$z-index-above-popup: 101;
$z-index-calling-pip: 103;
$z-index-above-context-menu: 126;

2
stylesheets/components/Stories.scss
View File

@ -10,7 +10,7 @@
top: 0;
user-select: none;
width: 100%;
z-index: $z-index-popup-overlay;
z-index: $z-index-stories;
&__pane {
background: $color-gray-80;

2
ts/components/StoriesPane.tsx
View File

@ -83,7 +83,7 @@ export const StoriesPane = ({
}, [searchTerm, stories]);
return (
<FocusTrap>
<FocusTrap focusTrapOptions={{ allowOutsideClick: true }}>
<div>
<div className="Stories__pane__header">
<button

2
ts/components/StoryViewer.tsx
View File

@ -198,7 +198,7 @@ export const StoryViewer = ({
}, [navigateStories]);
return (
<FocusTrap>
<FocusTrap focusTrapOptions={{ allowOutsideClick: true }}>
<div className="StoryViewer">
<div className="StoryViewer__overlay" />
<div className="StoryViewer__content">