WorkFlowyのバレットを「┠」にする

Stylusを使ってCSSを上書きする

問題はバレットの表示方法

Dynalistはa要素のbeforeのCSSで生成されている

code:Dn_style.css

.AppContainer.is-using-bullet-to-zoom .Node-bullet::before {

border-radius: 16px;

background-color: transparent;

transition: background-color 100ms ease-in-out;

}

WorkFlowyはsvgで描写されている

https://gyazo.com/99b99e3eea185ff847952256ba407202

WorkFlowyの場合は、

before要素での表示

svgの非表示

が必要。

CSsの上書きで十分対応できる

code:style.css

.bullet:before {

font-size: 12px;

color: rgba(0,0,0,0.5);

content: '┠';

}

.zoomBulletIcon {

display:none;

}

縦線がずれている

https://gyazo.com/ff87df8b2c706e18fbcd8a12bea5fb87

合わせる

code:style.css

._1wbge1a {

margin-left: 7px;

}

できた

https://gyazo.com/1e18ac89aaeba49238df76c869144a7d