next-l / enju_leaf

Next-L Enju Leaf 統合図書館管理システム / integrated library system https://enju.next-l.jp/

https://www.next-l.jp

MIT License

117 stars 24 forks source link

Open yegusa opened 5 years ago

yegusa commented 5 years ago

258 のサブissueです

トップページをBootstrap4でモックアップを作成してみる。

yegusa commented 5 years ago

大まかにざっと作成してみました。 Bootstrapだけでできる，独自CSSのないもので作成。

細かな調整は必要です。（フォームの長さとか，余白とか，色々）

ファイルの中身

イメージ： 2019-02-17 17 01 48

nabeta commented 4 years ago

トップページと検索画面にBootstrap4を入れました。enju_leafとenju_biblioのbootstrapブランチ（masterブランチから派生）を使用しています。 https://dev.next-l.jp/

改善点はいろいろありますが、特に表の表示がいまいちな気がします。

nabeta commented 4 years ago

ヘッダ領域を追加して、現在のデザインに近づけてみました。個人的にはこちらのほうがよさそうな気がしますが、いかがでしょう。 @yegusa

nabeta commented 4 years ago

各ページについてモックアップを作る。

nabeta commented 4 years ago

yegusa commented 4 years ago

ログインアイコン： https://fontawesome.com/icons/sign-in-alt?style=solid これを使うと良さそう。無料で、Bootstrap 4で使えるはず。

yegusa commented 4 years ago

検索結果一覧の、「編集」と「所蔵作成」は、アイコンにするといいかも。

所蔵作成のアイコン案（本のアイコンでいいのでは？） https://fontawesome.com/icons/book?style=solid

yegusa commented 4 years ago

ヘッダのログイン後バージョンと新しい丸いロゴ header-afterlogin.zip

スクリーンショット 2020-03-22 16 51 57

nabeta commented 4 years ago

検索結果一覧の、「編集」と「所蔵作成」は、アイコンにするといいかも。

手元の環境でアイコンにしてみました。ただ、画像ではalt属性をつけられるのですが、FontAwesomeではどうやってつけるのかよくわかりません。

nabeta commented 4 years ago

ただ、画像ではalt属性をつけられるのですが、FontAwesomeではどうやってつけるのかよくわかりません。

FontAwesomeのドキュメントに書いてありました。aria-labelやtitle属性をつければよさそうですね。 https://fontawesome.com/how-to-use/on-the-web/other-topics/accessibility