読者です 読者をやめる 読者になる 読者になる

#ToDo 関連のメモ ( #sorashima )

「物の状態が最終的にこうなっていたら良いな一覧と、その為の手順を書き込む」アプリを使う上でのメモなど。(内容が古いまま、間違ったままもあるので注意。)広告が自動で挿入される無料版ブログサービスを利用しているので、PVが増えても一銭の得にもなりませぬ

[ 記事一覧へ ]

#WorkFlowy を #FoldingText のTodo listっぽく

WorkFlowy CSS Stylish

www.foldingtext.com
のビデオのTodo listsに似せて、あえてWorkFlowyのComplete機能を使わずに@doneタグを使う。

@todo(または#todo)タグを付けると以下のノードがチェックリストになる。
@done(または#done)タグを付けるとチェックが付き、灰色になり、取り消し線が入る。

f:id:sorashima:20161210173731p:plain

材料

blog.workflowy.com
で紹介されているスクリプトと次のCSS

#pageContainer {
    font-family: "メイリオ", sans-serif;
    font-size: large !important;
}

.todo-proj > .children > .project .name .content:before {
    content: '☐';
}

.done-proj > .name .content:before {
    content: '☑' !important;
}

.done-proj > .name .content {
    color: #999;
    text-decoration: line-through;
}


ビデオのtimerの部分がタスクシュートっぽくて興味深い。

広告を非表示にする