mirror of
https://github.com/maxpozdeev/mytinytodo.git
synced 2026-03-11 08:55:27 +00:00
polish mobile task viewer
This commit is contained in:
maxpozdeev
parent
9fb376d8b2
commit
b3e640a1f7
5 changed files with 50 additions and 25 deletions
|
|
@ -1769,6 +1769,12 @@ function fillTaskViewer(id)
|
|||
$('#page_taskviewer .due .content').html(item.duedate);
|
||||
$('#page_taskviewer .tags .content').html(prepareTagsStr(item, ''));
|
||||
$('#page_taskviewer .list .content').text(curList.name);
|
||||
if (item.note == '') {
|
||||
$('#page_taskviewer').addClass('no-note');
|
||||
}
|
||||
else {
|
||||
$('#page_taskviewer').removeClass('no-note');
|
||||
}
|
||||
return item;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -504,6 +504,22 @@ select.form-input {
|
|||
background-color: var(--color-btn-reduced);
|
||||
}
|
||||
|
||||
a.mtt-back-button {
|
||||
font-size:1rem;
|
||||
}
|
||||
h3.page-title a.mtt-back-button {
|
||||
display:inline-block;
|
||||
width:1.3rem;
|
||||
min-width:1.3rem;
|
||||
height:1.3rem;
|
||||
padding-right:0.4rem;
|
||||
position: relative;
|
||||
top:4px;
|
||||
mask: url(images/back.svg) no-repeat; -webkit-mask: url(images/back.svg) no-repeat;
|
||||
background-color: var(--color-btn-default);
|
||||
}
|
||||
|
||||
|
||||
/* Tasklist */
|
||||
|
||||
.task-toggle {
|
||||
|
|
@ -749,6 +765,10 @@ li.task-row.task-expanded .task-note-block { display:block; }
|
|||
#taskedit_info { font-size:1rem; font-weight:normal; color:var(--color-text-reduced2); margin-bottom:6px; }
|
||||
#taskedit_info > div { margin-top:6px; }
|
||||
|
||||
#page_taskviewer h3 {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
}
|
||||
#page_taskviewer .container {
|
||||
display: flex;
|
||||
max-width: 100%;
|
||||
|
|
@ -772,23 +792,24 @@ li.task-row.task-expanded .task-note-block { display:block; }
|
|||
#page_taskviewer .container .right .form-bottom-buttons .mtt-back-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#page_taskviewer .title {
|
||||
/*font-weight: bold;*/
|
||||
font-size: 1.4rem;
|
||||
margin-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 1px solid var(--color-tasklist-row-expanded-border);
|
||||
word-break: break-word;
|
||||
}
|
||||
#page_taskviewer .note {
|
||||
line-height: 1.3;
|
||||
display: block;
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
padding: 1rem;
|
||||
border:1px solid var(--color-tasklist-row-expanded-border);
|
||||
border-radius: 5px;
|
||||
}
|
||||
#page_taskviewer .no-note {
|
||||
color: var(--color-text-reduced3);
|
||||
display: none;
|
||||
}
|
||||
#page_taskviewer.no-note .no-note {
|
||||
display: block;
|
||||
}
|
||||
#page_taskviewer.no-note .note {
|
||||
display: none;
|
||||
}
|
||||
#page_taskviewer .property.tags .content {
|
||||
display: inline-flex;
|
||||
|
|
@ -796,18 +817,6 @@ li.task-row.task-expanded .task-note-block { display:block; }
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
a.mtt-back-button { font-size:1rem; }
|
||||
h3.page-title a.mtt-back-button {
|
||||
display:inline-block;
|
||||
width:1.3rem;
|
||||
height:1.3rem;
|
||||
padding-right:0.4rem;
|
||||
position: relative;
|
||||
top:4px;
|
||||
mask: url(images/back.svg) no-repeat; -webkit-mask: url(images/back.svg) no-repeat;
|
||||
background-color: var(--color-btn-default);
|
||||
}
|
||||
|
||||
/* autocomplete */
|
||||
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
|
||||
.ui-autocomplete {
|
||||
|
|
@ -1310,11 +1319,16 @@ li.mtt-item-hidden { display:none; }
|
|||
padding-left: 0;
|
||||
}
|
||||
#page_taskviewer .container .right .property {
|
||||
padding: 0.8rem 0.5rem;
|
||||
padding: 0.8rem 0;
|
||||
}
|
||||
#page_taskviewer .container .right .form-bottom-buttons .mtt-back-button {
|
||||
display: block;
|
||||
}
|
||||
#page_taskviewer .note,
|
||||
#page_taskviewer .no-note {
|
||||
padding-bottom:10px;
|
||||
border-bottom: 2px solid var(--color-tasklist-row-expanded-border);
|
||||
}
|
||||
|
||||
.mtt-settings-table .tr:not(.form-bottom-buttons) {
|
||||
display: block;
|
||||
|
|
|
|||
|
|
@ -30,6 +30,7 @@
|
|||
"note": "Note",
|
||||
"tags": "Tags",
|
||||
"list": "List",
|
||||
"no_note": "No notes",
|
||||
"save": "Save",
|
||||
"cancel": "Cancel",
|
||||
"close": "Close",
|
||||
|
|
|
|||
|
|
@ -30,6 +30,7 @@
|
|||
"note": "Заметка",
|
||||
"tags": "Теги",
|
||||
"list": "Список",
|
||||
"no_note": "Нет заметки",
|
||||
"save": "Сохранить",
|
||||
"cancel": "Отмена",
|
||||
"close": "Закрыть",
|
||||
|
|
|
|||
|
|
@ -175,10 +175,13 @@ $().ready(function(){
|
|||
|
||||
<!-- Page: View Task -->
|
||||
<div id="page_taskviewer" style="display:none">
|
||||
<h3 class="page-title"><a class="mtt-back-button"></a><?php _e('task');?> <span id="taskviewer_id"></span></h3>
|
||||
<div class="title"></div>
|
||||
<h3 class="page-title">
|
||||
<a class="mtt-back-button"></a>
|
||||
<div><span class="title"></span> <span id="taskviewer_id"></span></div>
|
||||
</h3>
|
||||
<div class="container">
|
||||
<div class="left">
|
||||
<div class="no-note"><?php _e('no_note'); ?></div>
|
||||
<div class="note markdown-note"></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
|
|
|
|||
Loading…
Reference in a new issue