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

use css transform for .task-toggle arrow

Browse source
This commit is contained in:
Max Pozdeev 2020-08-24 00:11:47 +03:00
parent bc248bd6af
commit d8cfe5e319
2 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/themes/default/images/note-toggled.svg
View file

@ -1,4 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<!--<rect x="0" y="0" width="16" height="16" fill="orange"/>-->
<polygon points="2 5, 14 5, 8 11" fill="#888888"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 190 B

6
src/themes/default/style.css
View file

@ -163,9 +163,11 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; }
.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; }
.task-toggle { visibility:hidden; margin-top:1px; cursor:pointer; width:16px; height:16px; float:left; background:url(images/note-toggle.svg) no-repeat;
transition:transform .1s linear; transition:-webkit-transform .1s linear;
}
li.task-has-note .task-toggle { visibility:visible; }
li.task-expanded .task-toggle { background-image:url(images/note-toggled.svg); }
li.task-expanded .task-toggle { transform:rotate(90deg); -webkit-transform:rotate(90deg); }
.task-middle { margin-left:40px; margin-right:20px; }
#tasklist { list-style-type: none; margin: 0; padding: 0;}
#tasklist li { padding:6px 2px 6px 6px; border-bottom:1px solid #DEDEDE; min-height:18px; margin-bottom:1px; background-color:#fff; }