HandyFlowy用Cardyを少しだけバージョンアップします

ちらほらと桜もほころんできた。

Cardy

WorkFlowyをカードスタイルで使うと別アプリみたい Cardy
冬が溶けて春の雨になる。HandyFlowyのおかげでWorkFlowyを使う機会がさらに増えました。やはり便利ですね。アウトラインという別軸が文章作成で意識できる。立体的です。ただ、いつも長い文を書...

WorkFlowyを情報カードに変える拡張スクリプト。カードスタイルにすると「まとまり」が視覚化されます。パネルが集まったり散らばったりしてブロックを作り上げていく。プロセスが自然に推敲となる。我ながら面白いデザインと巡り会えたと驚いています。

2016年春バージョン

HandyFlowy 1.0
分類: 仕事効率化,ユーティリティ
価格: 無料 (Michinari YAMAMOTO)

いろいろカスタマイズして、とりあえず現時点はこんな感じ。

#header{background:black;border:0;}

.saveButton,.showCompletedButton,.menu-button{color:#eee;background:#000;}

#documentView{background:white;}

.page{color:black;background:none;font-family:Hiragino Sans;line-height:1.4em;}

.parent>.name>.content{color:white;background:orange;margin:3px;}

.parent>.name>.parentArrow{display:none !important;}

.project.selected>.name .content{font-size:large;font-weight:bold;line-height:1.4em;}

.project.selected>.children>.project{word-break:break-all;background:lightyellow;padding:5px;margin:-10px;margin-bottom:20px;border-radius:3px;margin-left:0px;border:1px gold solid;}

.project.selected>.children>div>.name .content{font-weight:bold;padding-bottom:10px;}

.contentTag{color:darkorange !important;}

.contentLink{color:darkblue !important;}

.contentUnderline{border-bottom:2px aqua solid;text-decoration:none;}

.contentBold{border-bottom:2px pink solid;}

.contentItalic{background:lime;}

.notes>.content{color:darkblue !important;}

.bullet{background-image:none;}

.project.open>.name>.bullet{border:1px gold solid;border-radius:3px;}

.bullet,#bulletBucket .bulletBucketBullet{background:gold;border-radius:3px;}

.children{position:relative;margin:0px;border:0px;}

.selected>.children>.project .project{margin:0px;border-top:1px solid #eef;}

.project.highlighted::before,.project.moving::before,.project.tapped::before,.draggableNameClone::before {background:none !important;}

#moveDropLine{background:yellow;}