Minz/quicknotes
1
0
Fork 0
mirror of https://github.com/JanGross/quicknotes.git synced 2025-11-30 23:37:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use fullscreen modal on small screen. Issue #23

Browse Source
This commit is contained in:
Matias De lellis
2019-11-01 09:30:51 -03:00
parent 35ae3ce9ae
commit 44a8bb28fd
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/style.css
View File

@@ -148,7 +148,7 @@
.modal-note-background { .modal-note-background {
position: fixed; /* Stay in place */ position: fixed; /* Stay in place */
z-index: 200; /* Sit on top */ z-index: 1051; /* Sit on top */
padding-top: 100px; /* Location of the box */ padding-top: 100px; /* Location of the box */
left: 0; left: 0;
top: 0; top: 0;

13
js/script.js
View File

@@ -267,11 +267,18 @@ View.prototype = {
note.css({"opacity": "0.1"}); note.css({"opacity": "0.1"});
var windowWidth = $(window).width();
var modalWidth = note.width()*2;
var modalTop = 150;
if (windowWidth < modalWidth) {
modalWidth = windowWidth;
modalTop = 50;
}
$(".modal-content").animate ( $(".modal-content").animate (
{ {
left: ($(window).width() / 2 - note.width()), left: (windowWidth / 2 - modalWidth / 2),
width: note.width()*2, width: modalWidth,
top: 150, top: modalTop,
}, },
250, 250,
function () { function () {