mirror of
https://github.com/maxpozdeev/mytinytodo.git
synced 2026-03-11 08:55:27 +00:00
* little fixes in mobile UI
This commit is contained in:
Max Pozdeev
parent
e446d16f26
commit
30c9cca2d4
6 changed files with 50 additions and 27 deletions
|
|
@ -1,7 +1,7 @@
|
|||
<?php
|
||||
/*
|
||||
This file is part of myTinyTodo.
|
||||
(C) Copyright 2009-2010 Max Pozdeev <maxpozdeev@gmail.com>
|
||||
(C) Copyright 2009-2010,2020 Max Pozdeev <maxpozdeev@gmail.com>
|
||||
Licensed under the GNU GPL v2 license. See file COPYRIGHT for details.
|
||||
*/
|
||||
|
||||
|
|
|
|||
|
|
@ -178,7 +178,7 @@ function get_mttinfo($v)
|
|||
$_mttinfo['version'] = MTT_VERSION;
|
||||
return $_mttinfo['version'];
|
||||
}
|
||||
return date('Ymd-His'); //force no-cache for dev needs
|
||||
return time(); //force no-cache for dev needs
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
/*
|
||||
This file is part of myTinyTodo.
|
||||
(C) Copyright 2009-2010 Max Pozdeev <maxpozdeev@gmail.com>
|
||||
(C) Copyright 2009-2010,2020 Max Pozdeev <maxpozdeev@gmail.com>
|
||||
Licensed under the GNU GPL v2 license. See file COPYRIGHT for details.
|
||||
*/
|
||||
|
||||
|
|
@ -123,7 +123,8 @@ var mytinytodo = window.mytinytodo = _mtt = {
|
|||
return false;
|
||||
});
|
||||
|
||||
$('#newtask_submit').click(function(){
|
||||
$('#newtask_submit').mousedown(function(e){
|
||||
e.preventDefault(); //keep the focus in #task
|
||||
$('#newtask_form').submit();
|
||||
});
|
||||
|
||||
|
|
@ -176,7 +177,6 @@ var mytinytodo = window.mytinytodo = _mtt = {
|
|||
}
|
||||
}).focusin(function(){
|
||||
$('#toolbar').addClass('mtt-insearch');
|
||||
$(this).focus();
|
||||
}).focusout(function(){
|
||||
$('#toolbar').removeClass('mtt-insearch');
|
||||
});
|
||||
|
|
|
|||
|
|
@ -29,12 +29,12 @@
|
|||
$().ready(function(){
|
||||
|
||||
<?php if(Config::get('mobile')): ?>
|
||||
|
||||
/*
|
||||
$('body').width(screen.width);
|
||||
$(window).resize(function() {
|
||||
$('body').width(screen.width);
|
||||
});
|
||||
|
||||
*/
|
||||
<?php endif; ?>
|
||||
|
||||
mytinytodo.mttUrl = "<?php mttinfo('mtt_url'); ?>";
|
||||
|
|
@ -283,7 +283,11 @@ $().ready(function(){
|
|||
|
||||
<div id="footer">
|
||||
<div id="footer_content">
|
||||
<span id="mobileordesktop" ><a href="<?php mttinfo('url'); ?>">Desktop</a> | <a href="<?php mttinfo('mobile_url'); ?>">Mobile</a></span>
|
||||
<span id="mobileordesktop">
|
||||
<?php if(Config::get('mobile')): ?><a href="<?php mttinfo('url'); ?>">Desktop</a>
|
||||
<?php else: ?><a href="<?php mttinfo('mobile_url'); ?>">Mobile</a>
|
||||
<?php endif; ?>
|
||||
</span>
|
||||
<span>Powered by <strong><a href="http://www.mytinytodo.net/">myTinyTodo</a></strong> <?php mttinfo('version'); ?></span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,38 @@
|
|||
/*
|
||||
This file is a part of myTinyTodo.
|
||||
Copyright 2009-2010,2020 Max Pozdeev <maxpozdeev@gmail.com>
|
||||
*/
|
||||
|
||||
body { margin:0px; font-size:100%; }
|
||||
h2 { margin:0; margin-bottom:2px; font-size:1em; }
|
||||
h3 { margin-bottom:4px; padding:4px 0; }
|
||||
h3 { padding:0.5em 0px; }
|
||||
|
||||
#body { margin-left:1px; margin-right:1px; padding:1px; padding-bottom:12px;}
|
||||
#bar_login, #bar_logout { padding-right:1px; }
|
||||
|
||||
.mtt-img-button { padding:4px; }
|
||||
.mtt-menu-button { padding:4px; }
|
||||
|
||||
#tabs ul { margin-top:0px; }
|
||||
#tabs ul li { width:70px; margin-right: 1px; }
|
||||
.tab-content { padding:4px; }
|
||||
.mtt-tab a, .mtt-tabs-add-button { padding-top:9px; padding-bottom:3px; }
|
||||
#tabs_buttons { padding-top:6px; padding-bottom:6px; }
|
||||
.mtt-tab .list-action { top:9px; }
|
||||
|
||||
#htab_search { width:40%; max-width:190px; }
|
||||
#task { padding:5px; padding-right:18px; margin-left:-22px; }
|
||||
#task_placeholder span { padding:6px; }
|
||||
#newtask_adv { margin-left:0.5em; }
|
||||
|
||||
#htab_search { width:30%; max-width:190px; }
|
||||
.mtt-searchbox { float:right; }
|
||||
.mtt-searchbox td { width:40%; }
|
||||
.mtt-searchbox td { width:450px; max-width:100%; }
|
||||
#toolbar.mtt-intask #htab_search { display:none; }
|
||||
#toolbar.mtt-insearch #htab_newtask { display:none; }
|
||||
#toolbar.mtt-insearch #htab_search { width:100%; }
|
||||
#toolbar.mtt-insearch .mtt-searchbox td { width:40%; }
|
||||
#toolbar.mtt-insearch #htab_search { width:100%; max-width:100%; }
|
||||
/*#toolbar.mtt-insearch .mtt-searchbox td { width:40%; }*/
|
||||
#taskview { margin-left:0px; }
|
||||
#search { padding:5px 20px; border-radius:15px; }
|
||||
|
||||
#tasklist li { padding:0.5em 3px; overflow:hidden; }
|
||||
.task-actions { display:none; }
|
||||
|
|
@ -24,7 +42,7 @@ h3 { margin-bottom:4px; padding:4px 0; }
|
|||
.task-note-area textarea { width:95%; }
|
||||
.task-middle { margin-right:0px; }
|
||||
|
||||
#tasklist li .task-through { white-space:nowrap; overflow:hidden; }
|
||||
#tasklist li .task-through { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
||||
#tasklist li:hover { background-color:#ffffff; }
|
||||
#tasklist li.task-expanded .task-note-block { display:none; }
|
||||
/*#tasklist li.task-expanded .task-toggle { background-position:-32px 0; }*/
|
||||
|
|
@ -48,3 +66,5 @@ h3 { margin-bottom:4px; padding:4px 0; }
|
|||
#tagcloud { max-width:100%; }
|
||||
.mtt-settings-table .in350 { min-width:50px; }
|
||||
.mtt-notes-showhide { display:none; }
|
||||
|
||||
#footer_content { padding:10px 4px; }
|
||||
|
|
@ -17,12 +17,11 @@ form { display: inline; }
|
|||
h2,h3 { margin:0; }
|
||||
h2 { font-size:1.5em; float:left; padding-right:10px; background-color:#ffffff; }
|
||||
h3 { border-bottom:2px solid #B5D5FF; margin-bottom:10px; padding:6px 0; font-size:1.1em; }
|
||||
#page_tasks h3 { padding-left:4px; padding-right:4px; }
|
||||
a { color:#0000ff; cursor:pointer; text-decoration:underline; }
|
||||
|
||||
#space { height:30px; }
|
||||
#footer { height:30px; margin-top:-30px; }
|
||||
#footer_content { background-color:#b5d5ff; padding:5px; font-size:0.8em; }
|
||||
#footer_content { background-color:#b5d5ff; padding:5px 4px; font-size:0.8em; }
|
||||
#footer_content a { color:#000000; }
|
||||
#mobileordesktop { float:right; }
|
||||
|
||||
|
|
@ -119,14 +118,15 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; }
|
|||
|
||||
/* Quick Task Add */
|
||||
|
||||
.mtt-taskbox td.mtt-tb-cell { padding:0px; width:450px; }
|
||||
.mtt-taskbox td { padding:0; }
|
||||
.mtt-taskbox td.mtt-tb-cell { width:450px; }
|
||||
.mtt-tb-c { position:relative; padding-left:22px; /*input padding+border*/ }
|
||||
#task { color:#444444; background:#fff; height:1.35em; padding:2px; padding-right:18px; border:1px solid #ccc; border-radius:3px; width:100%; margin-left:-22px; }
|
||||
#task_placeholder span { display:none; color:#ccc; position:absolute; left:0; top:0; height:1.35em; line-height:1.35em; padding:3px; /*input top and left padding+border*/ }
|
||||
#task_placeholder span { cursor:text; display:none; color:#ccc; position:absolute; left:0; top:0; height:1.35em; line-height:1.35em; padding:3px; /*input top and left padding+border*/ }
|
||||
#task_placeholder.placeholding span { display:inline-block; }
|
||||
|
||||
.mtt-taskbox-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; }
|
||||
.mtt-taskbox-icon.mtt-icon-submittask { background:url(images/add.svg) no-repeat; right:4px; }
|
||||
.mtt-taskbox-icon.mtt-icon-submittask { background:url(images/add.svg) no-repeat; right:4px; cursor:pointer; }
|
||||
|
||||
#newtask_adv span { background:url(images/newtask-ext.svg) no-repeat; }
|
||||
#mtt_body.show-all-tasks #htab_newtask, #mtt_body.readonly #htab_newtask { display:none; }
|
||||
|
|
@ -140,7 +140,7 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; }
|
|||
}
|
||||
#search_close { display:none; }
|
||||
|
||||
.mtt-searchbox td { padding:0px; width:180px; }
|
||||
.mtt-searchbox td { padding:0px; max-width:180px; }
|
||||
.mtt-searchbox-c { position:relative; padding-left:42px; /*input padding+border*/ }
|
||||
.mtt-searchbox-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; }
|
||||
|
||||
|
|
@ -149,7 +149,7 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; }
|
|||
|
||||
#searchbar { font-size:1em; font-weight:normal; display:none; margin-top:5px; }
|
||||
#searchbarkeyword { font-weight:bold; }
|
||||
|
||||
#taskview { margin-left:4px; }
|
||||
|
||||
/* */
|
||||
#mtt_body.no-lists #page_tasks h3 > * { visibility:hidden; }
|
||||
|
|
@ -160,7 +160,7 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; }
|
|||
.tag-filter { margin-left:3px; margin-right:3px; }
|
||||
.tag-filter-exclude { text-decoration:line-through; }
|
||||
.mtt-filter-header { font-weight:bold; margin-right:.33em; }
|
||||
.mtt-filter-close { cursor:pointer; position:relative; top:2px; margin-left:3px; display:inline-block; width:10px; height:10px; background:url(images/closetag.svg) no-repeat; }
|
||||
.mtt-filter-close { cursor:pointer; position:relative; top:1px; margin-left:3px; display:inline-block; width:10px; height:10px; background:url(images/closetag.svg) no-repeat; }
|
||||
|
||||
.task-left { float:left; }
|
||||
.task-toggle { visibility:hidden; margin-top:1px; cursor:pointer; width:16px; height:16px; float:left; background:url(images/note-toggle.svg) no-repeat; }
|
||||
|
|
@ -261,7 +261,7 @@ a.mtt-back-button { font-size:0.8em; }
|
|||
#priopopup .prio-pos:hover { border-color:#ff3333; }
|
||||
#priopopup .prio-pos-1:hover { border-color:#ff7700; }
|
||||
|
||||
#tagcloudbtn { margin-right:2px; font-size:0.8em; font-weight:normal; padding:2px; float:right; }
|
||||
#tagcloudbtn { margin-right:2px; font-size:0.8em; font-weight:normal; float:right; }
|
||||
#mtt_body.show-all-tasks #tagcloudbtn { display:none; }
|
||||
#tagcloudload { display:none; height:24px; background:url(images/loading48.gif) center no-repeat; background-size:24px 24px; }
|
||||
#tagcloud {
|
||||
|
|
@ -286,8 +286,6 @@ a.mtt-back-button { font-size:0.8em; }
|
|||
#tagcloudcancel span { background:url(images/tagcloud-close.svg) no-repeat; }
|
||||
/*#tagcloudcancel span:hover { background:url(images/tagcloud-close.svg) no-repeat; }*/
|
||||
|
||||
#taskview { padding:2px; }
|
||||
|
||||
.ui-datepicker { width:190px; z-index:202; border: 1px solid #cccccc; background: #ffffff; display:none; padding:2px; box-shadow:1px 2px 5px rgba(0,0,0,0.5); border-radius:5px; }
|
||||
.ui-datepicker-trigger { cursor:pointer; vertical-align:text-bottom; margin-left:2px; margin-right:2px; }
|
||||
.ui-datepicker-calendar { width:100%; border-collapse:collapse; }
|
||||
|
|
@ -306,9 +304,10 @@ a.mtt-back-button { font-size:0.8em; }
|
|||
.ui-datepicker .ui-icon-circle-triangle-e { display:block; position:absolute; top:50%; margin-top:-8px; right:50%; background:url(images/arr-right.svg) no-repeat; }
|
||||
|
||||
.mtt-menu-button {
|
||||
-moz-user-select:none; -webkit-user-select: none;
|
||||
user-select: none;
|
||||
cursor:pointer;
|
||||
border:1px solid transparent;
|
||||
padding:2px;
|
||||
}
|
||||
.mtt-menu-button:hover, .mtt-menu-button.mtt-menu-button-active {
|
||||
border:1px solid #ccc; border-radius:3px;
|
||||
|
|
@ -317,7 +316,7 @@ a.mtt-back-button { font-size:0.8em; }
|
|||
.mtt-menu-container {
|
||||
overflow:hidden; z-index:100;
|
||||
background-color:#f9f9f9; border:1px solid #cccccc; padding:2px 0px;
|
||||
-moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5); box-shadow:1px 2px 5px rgba(0,0,0,0.5);
|
||||
box-shadow:1px 2px 5px rgba(0,0,0,0.5);
|
||||
border-radius:5px;
|
||||
margin:0px 7px 7px 0px; /* for shadows */
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue