little facelifting in mobile style

This commit is contained in:
Max Pozdeev 2021-07-29 21:58:05 +03:00
parent f5dcbaf6d7
commit 96d63686ab
2 changed files with 8 additions and 0 deletions

View file

@ -467,6 +467,9 @@ li.mtt-item-hidden { display:none; }
/* narrow screens */
@media only screen and (max-width: 600px) {
#mtt_body { padding: 15px 15px 0px; }
#mtt_body.page-ajax .topblock { display: none; }
h2 { font-size:1rem; }
#bar_login, #bar_logout { padding-right:1px; }
@ -524,6 +527,7 @@ li.mtt-item-hidden { display:none; }
.mtt-menu-container li { padding-top:0.3rem; padding-bottom:0.3rem; }
.mtt-settings-table .tr { display: block; }
.mtt-settings-table .tr:not(.form-bottom-buttons) { background-color:#f5f5f5; border:1px solid #f5f5f5; border-radius: 10px; padding:0 15px; margin-bottom: 5px;}
.mtt-settings-table .th { width: auto; padding-bottom: 4px; padding-left: 0px; }
.mtt-settings-table .td { padding-top: 4px; padding-left: 0px; }
.mtt-settings-table input , .mtt-settings-table select, .mtt-settings-table label { margin-top:5px; }

View file

@ -761,6 +761,8 @@ var mytinytodo = window.mytinytodo = _mtt = {
prev.lastScrollTop = $(window).scrollTop();
this.pages.prev.push(this.pages.current);
this.pages.current = {page:page, pageClass:pageClass};
$('#mtt_body').removeClass('page-' + prev.page);
$('#mtt_body').addClass('page-' + page);
showhide($('#page_'+ this.pages.current.page).addClass('mtt-page-'+ this.pages.current.pageClass), $('#page_'+ prev.page));
},
@ -769,6 +771,8 @@ var mytinytodo = window.mytinytodo = _mtt = {
if(this.pages.current.page == 'tasks') return false;
var prev = this.pages.current;
this.pages.current = this.pages.prev.pop();
$('#mtt_body').removeClass('page-' + prev.page);
$('#mtt_body').addClass('page-' + this.pages.current.page);
showhide($('#page_'+ this.pages.current.page), $('#page_'+ prev.page).removeClass('mtt-page-'+prev.page.pageClass));
$(window).scrollTop(this.pages.current.lastScrollTop);
if (this.pages.current.onBack) this.pages.current.onBack.call(this);