reivilibre/TaskBoard
Archived
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases 2 Wiki Activity

Fix modal positioning to work with drag and drop

Browse Source
This commit is contained in:
Matthew Ross 2016-09-14 20:41:15 -04:00
parent 119362374e
commit cdbd36f16e
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/scss/_modal.scss
View File

@ -28,14 +28,13 @@
@include shadow-float(); @include shadow-float();
background-color: $white; background-color: $white;
left: 50%; left: calc(50% - 300px);
max-height: calc(100% - 10em); max-height: calc(100% - 10em);
max-width: 100%; max-width: 100%;
min-height: 10em; min-height: 10em;
overflow-y: auto; overflow-y: auto;
position: fixed; position: fixed;
top: 50%; top: 10em;
transform: translate(-50%, -50%);
width: 400px; width: 400px;
z-index: 1100; z-index: 1100;
zoom: 1.01; // Fixes blurry text zoom: 1.01; // Fixes blurry text
@ -50,7 +49,7 @@
&.modal-closed { &.modal-closed {
opacity: 0; opacity: 0;
transform: translate(-50%, -100%); transform: translateY(-100%);
} }
.title { .title {