vim-jp/vimdoc-ja

[CSS / デザイン] "📝編集" ボタンがイケてないのを直す

ujihisa opened this issue · 7 comments

Problems

#242 でマージした編集ボタンの2つの問題:

  • 全然言語関係ないのに <span class="EnglishJapaneseLink"> 内にある (なんか別のとこのがよさそう)
  • リンク先に飛んだgithubでは "📝編集" ではなく以下のようにあるので見た目の乖離があって直感に反するきがする

githubではこんな感じ

2018-06-13 19 48 46

(Possible) solutions

ユーザから見て直感的なら基本的にどんなやり方でもいい。githubのやつと似てる画像用意して、それを良い感じに貼ってやるといいかも。
ゴールは「ドキュメントにおかしいとこあるとき、読者がかなり気軽にそれを編集できる」というもの。

https://qiita.com/amay077/items/8823376f307235a7f651 この記事が参考になる

githubと同じものを使いたかったらこれでいけると思います
https://octicons.github.com/icon/pencil/

2018-06-14 2 09 29

こんな感じになるっぽいですね。

https://github.com/primer/octicons#license MITライセンスなので、この画像を使うときは、「著作権表示」「MITライセンスの全文 OR MITライセンスの全文が記載されているウェブページのURL」を載せれば使えそう!

mattn commented

mac 持ってないのでどなたか記事のキャプチャ更新して頂けると助かる。

期待

対応済みなので close します。

文明開化