- このトピックには11件の返信、2人の参加者があり、最後に
により5年、 2ヶ月前に更新されました。
-
投稿
-
いつもありがとうございます。
ひとつ
スマホメニューを開いた後、閉じるのが面倒なので、スクロールしたら、自動で閉じてほしい。※わかるような気もするのですが、実現すると問題点もあるきがします。
ふたつ
スマホメニューでサブメニューをつくった時に、右側に出て来る↓開くマークがわかりづらいので、もっと左側に寄せるか？リテラシーが低い人でも開けるとわかるようにしてほしい。※開くとか追記出来たら良いのかなと思ったのですが、書き込み先のファイルがわかりませんでした。
お手数ですが、教えていただけますと助かります。
いいねをした人: 居ませんスマホメニューを開いた後、閉じるのが面倒なので、スクロールしたら、自動で閉じてほしい。
これは意図せぬ動作がおこりそう（例えば閉じたくないのに閉じちゃうとか）がありそうなので難しいと思います。スクロールするためにはメニュー部分以外の画面を触る必要がありますが、現状でも、閉じるボタンを押さなくてもメニュー部分以外の画面を触れば閉じるようになっていますので、そのままでも使い勝手的にはあまり差はないのかなと考えています。
スマホメニューでサブメニューをつくった時に、右側に出て来る↓開くマークがわかりづらいので、もっと左側に寄せるか？リテラシーが低い人でも開けるとわかるようにしてほしい。
デザインは調整の必要があると思いますが、次の CSS を子テーマや追加 CSS に追加していただければ、開く/閉じるという表記に変更できます。
#drawer-nav .c-drawer__toggle[aria-expanded=true] { transform: none; } #drawer-nav .c-drawer__toggle .c-ic-angle-right:before { content: '開く'; } #drawer-nav .c-drawer__toggle[aria-expanded=true] .c-ic-angle-right:before { content: "閉じる"; }いいねをした人: 居ませんありがとうございます。
超絶わかりやすいです！
すごいUXの改善につながるのではないかと思いました。現状では開くを押した時に閉じるが二行になってしまいます。
.c-drawer__toggle
width: 2.86957rem; にすると閉じるが横に並びました。また、開いた時に右端に出てるMENUが閉じるに置き換わるとより感覚的に使いやすくなるのではないでしょうか。
もしくはメニューのしたにメニューを閉じるという項目があるとわかりやすいのではないか。
デザイン的には美しくないかもしれませんが、可能であれば、右側の余白にクリックでメニューが閉じますという表記があると無知な人にもわかりやすくなるのではないか。今まで記号をタップするのが当たり前だと思っていましたが、
実際実装できてみると記号よりも圧倒的にわかりやすい気がします。自分の想像を超えた実装ありがとうございます。
標準機能として、この機能の選択肢があると、いいのではないでしょうか。
サブメニューが開くことを知らない人もいると思うので、そういう層にも理解してもらえる。いいねをした人: 居ません「閉じる」のような文字列を表示する場合は、前述した CSS に加えて、ちょっとボタンぽくするような装飾なども加える必要があると思います。もし多数の人がそのほうが良いということであればそのようなやり方にするのがベターかもしれませんが、今の所まだ同じような要望はきておらず、また、加えるのは簡単ですが消すのは難しいため、デフォルトでは今のシンプルな形で、やりたい人はカスタマイズで対応してもらう、というのは良いと考えています（これは Snow Monkey 全体を通しての基本的な思想でもあります）。
また、開いた時に右端に出てるMENUが閉じるに置き換わるとより感覚的に使いやすくなるのではないでしょうか。
デザイン的には美しくないかもしれませんが、可能であれば、右側の余白にクリックでメニューが閉じますという表記があると無知な人にもわかりやすくなるのではないか。
この辺はちょっと技術的に、というか拡張性を保ったままスマートに実装するのが難しい気がします。
できる範囲で、そういうデザインのデザインスキンをつくるとか、マニュアルにカスタマイズ事例として載せるのが良いかなと思いました。
いいねをした人: 居ませんいつもUpdateありがとうございます。
5.05にスノーモンキーをUpdateをしたところ、スマホドロワーメニューで本来Vとなるところが＾になってしまいました。
今回、ドロワーメニューがのサブメニューのマークがVに変わったことによるものかもしれない、それがこの際に教えていただいたCSSカスタマイズの部分が変更になったためではないかと思い、投稿させていただいた次第です。
修正点などあれば、教えていただけますと幸いです。
よろしくお願いします
いいねをした人: 居ませんお返事ありがとうございます。
せっかくなので、プライベートチケット？を使ってみようと思ったのですが、
新規投稿でないとプライベートに設定できないんですね。
該当のページは下記アドレスです。テスト用に別にいれています。
スマホからもう一度見直してみてわかったのですが、開くの文字が横向きに縦に表示されていたため、上記のような記載になりました。
パソコンだとChromeのdevice toolbarから確認していたので、くを上向きにすると^になりますね。
お手数をおかけしますが、文章だと伝わりにくいかと思いますので、スマホもしくはChromeのdevice toolbarから確認お願いできれば幸いです。
（管理者により URL 削除）
よろしくお願いします。
よろしくお願いします。
いいねをした人: 居ませんせっかくなので、プライベートチケット？を使ってみようと思ったのですが、
新規投稿でないとプライベートに設定できないんですね。あーそうなんです、トピックたてるときだけですね、すみません…。
スマホからもう一度見直してみてわかったのですが、開くの文字が横向きに縦に表示されていたため、上記のような記載になりました。
なるほど、わかりました。
.c-drawer__toggleが回転しないように、次のスタイルを追加してみてください。.c-drawer__toggle { transform: none !important; }いいねをした人: 居ませんありがとうございます。
可能であれば、プライベートチケット１枚利用いただいても構いません。
お手数をおかけしますが、上記検証サイト用のアドレスを削除いただけますと助かります。
※近日中に解約予定のためです。
ご検討のほどよろしくお願いします。
いいねをした人: 居ません
- トピック「スマホメニューについての要望」には新しい返信をつけることはできません。