h5ai で長いファイル名を途切れさせないようにする方法

h5ai

以前紹介した、ウェブサーバのディレクトリのファイル一覧をイケてる表示にしてくれるアプリケーションです。

標準の設定だと長いファイル名が切れる

日本語のファイル名だと痛感できるのですが、ファイル名が長くなってしまうと最後の部分が ... という表示になって省略されてしまいます。

f:id:gregminster:20171222165900p:plain

これをなんとかしたい。

スタイルシートを変更すればよい

上記の内容はスタイルシートの内容を変更すれば実現できます。

public/css/styles.css の中の以下の部分を修正します*1

  • 変更する箇所は #view .label{display:block;overflow:hidden;text-align:left;text-overflow:ellipsis} のところの2点
  • 1点目は overflow:hiddenoverflow:scroll へ変更する
  • 2点目は text-overflow:ellipsis を削除する

これで長いファイル名の場合は横スクロールバーが出て、ファイル名が省略されずに表示されます。

f:id:gregminster:20171222170435p:plain

この方法に至るやりとり

実は私が GitHub に Issue として上げたのでした。

*1:リリース版はminifyされてますので注意です

Powered by はてなブログ