ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2025-12-27 00:20:00 +00:00
Code Issues Projects Releases Wiki Activity

Added accessible modal via react-aria-modal

Browse Source
This commit is contained in:
orangemug
2018-05-11 10:55:32 +01:00
parent 354b2fb3cb
commit 221cd4ffd2
6 changed files with 78 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/styles/_modal.scss
View File

@@ -7,6 +7,7 @@
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
z-index: 3;
position: relative;
font-family: $font-family;
}
.maputnik-modal-section {
@@ -60,31 +61,6 @@
@extend .maputnik-space;
}
//OVERLAY
.maputnik-overlay-viewport {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
opacity: 0.875;
background-color: rgb(28, 31, 36);
}
.maputnik-overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
align-items: center;
justify-content: center;
z-index: 9;
@include flex-row;
}
//OPEN MODAL
.maputnik-upload-button {
@extend .maputnik-big-button;