prehistoric-systems/mytinytodo
1
0
Fork 0
mirror of https://github.com/maxpozdeev/mytinytodo.git synced 2026-03-11 08:55:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

always display task action button in mobile style

Browse source
This commit is contained in:
Max Pozdeev 2022-05-03 23:42:07 +03:00
parent c298ab101f
commit c46f01bcdc
1 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/content/themes/default/style.css
View file

@ -531,13 +531,17 @@ li.task-row.task-completed .duedate { /*font-size:0.8rem;*/ display:none; }
} }
.taskactionbtn { .taskactionbtn {
height:1rem; width:1rem; height: 1rem;
visibility:hidden; /* allocate space */ width: 1rem;
visibility: hidden; /* allocate space */
mask: url(images/task-menu2.svg) no-repeat; -webkit-mask: url(images/task-menu2.svg) no-repeat; mask: url(images/task-menu2.svg) no-repeat; -webkit-mask: url(images/task-menu2.svg) no-repeat;
background-color: var(--color-btn-reduced); background-color: var(--color-btn-reduced);
transition: background-color 0.1s ease-in; transition: background-color 0.1s ease-in;
} }
.taskactionbtn::after { content:'0'; color:transparent; } /* for baseline */ .taskactionbtn::after { /* for baseline */
content:'0';
color:transparent;
}
li.task-row:hover .taskactionbtn { li.task-row:hover .taskactionbtn {
visibility:visible; visibility:visible;
} }
@ -945,7 +949,6 @@ li.mtt-item-hidden { display:none; }
#toolbar.mtt-insearch .searchbox-c { width:100%; max-width:100%; } #toolbar.mtt-insearch .searchbox-c { width:100%; max-width:100%; }
#search { padding:5px 20px; border-radius:15px; } #search { padding:5px 20px; border-radius:15px; }
.task-actions { display:none; }
.task-date { display:none; } .task-date { display:none; }
.task-note-actions { display:block; padding-top:8px; } .task-note-actions { display:block; padding-top:8px; }
.task-note-block { .task-note-block {
@ -954,6 +957,12 @@ li.mtt-item-hidden { display:none; }
display: none; display: none;
} }
.task-note-area textarea { width:95%; } .task-note-area textarea { width:95%; }
.taskactionbtn {
padding: 2px 0.5rem;
mask-origin: content-box;
-webkit-mask-origin: content-box;
visibility: visible;
}
#tasklist li.task-row .task-through { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #tasklist li.task-row .task-through { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#tasklist li.task-row.task-expanded .task-note-block { display:none; } #tasklist li.task-row.task-expanded .task-note-block { display:none; }