デザイナーによるチェックのまとめ

12/24 までに対応必須箇所の洗い出し・まとめ

確認ページ

以下にアクセスし、新規登録ログインして確認

現時点でチェックしなくてよい所(開発チーム記載)

ページツリー

3点リーダーのドロップダウンについて

  • 修正済み

現在閲覧中のページ(current 時)にハイライトをつける

  • Empty ページを閲覧中の場合にスタイルがついていませんが既に imprv/normalize-is-target-for-empty-pages ブランチで修正済みです

子ページの数を表示

  • 現在未実装で、2月までに実装する予定です

三角ボタンの表示・非表示

  • 上の「子ページの数を表示」と同時に実装予定です

検索

以下全て12/24に含めるものです

検索結果一覧の3点ボタン

  • 3点ボタン自体クリック時のフォーカスの色が違う
  • 3点ボタンのアイコンの種類が違う
  • 移動・名前変更のアイコンが違う

GlobalSearch の検索窓

  • 検索pageでは上部navbarの検索窓を取り除くことになった
  • sp時に下に出てくるのも消す。

一括選択checkboxのindeterminate化

  • 修正中

preview の中身がほぼすべてリンク化するバグ

  • キーワードaで検索するとpreviewの中身がリンク化する(修正中)

右ペイン未表示の時に検索結果一覧のアイテムがfocusされる(背景色やborderがつく)

  • 修正中

要変更(デザイナー記載)

編集画面をセーブするとページ上部に飛ばされる

image.png

再現条件
  • 編集画面において、スクロールが発生するほどの複数行がある状態
    • 何かしらの変更を加える→Command+Zで保存
症状
  • 右上のトースターが表示されると同時にページ上部に飛ばされる
期待される動作
  • ページ上部に飛ばされることなくスクロールはその場で維持される

検索ページ

マウスホバーの色変更願い

image.png

再現条件
  • 検索結果ページの左ペインでマウスホバーする
症状
  • hover時の背景の色が
    になっている
期待される動作
  • にして欲しい

3点ボタンをSimple-line-iconにして欲しい

再現条件
  • 検索結果ページを開く
    • 左ペインの3点ボタン
症状
  • Font-Awesomeが使われている
期待される動作
  • simple-line-iconを使う

Sort by relevanceのメニュー内の見た目を調整して欲しい

image.png

再現条件
  • 検索結果ページでSort by relevanceをクリック
症状
  • メニュー内右側にアイコンがある
期待される動作
  • メニュー内右側のアイコンは不要なのでなしで良い

Sort by relevanceのボタンの見た目を調整する

image.png

再現条件
  • 検索結果ページを開く
症状
  • 右のボタン部分の背景の左上と左下に角丸がある
期待される動作
  • Displayのボタンと同様に、右のボタン部分の背景の左上と左下にborderradiusは0である
    • image.png

右ペインのボーダー二重問題

image.png

再現条件
  • 検索結果ページを開いて右ペインにプレビューが表示されている状態を作る
症状
  • 右ペインのコンテンツの左側のborderが二重になっている
期待される動作
  • 右ペインのコンテンツの左側のborderは二重ではなく単体のborederである

and 検索で右側のハイライトが不足している

image.png

再現条件
  • 検索boxに"動物 生物"と入力して検索をかける
症状
  • 左ペインのハイライトには生物学の部分の生物はハイライトされているが右ペインではされていない
期待される動作
  • 右ペインと左ペインのハイライトされる文字列の部分が一致している

検索ハイライトが斜め(italic表示)になっているのをやめたい

再現条件
  • 何かしらの検索をかけて検索ハイライトを表示する
症状
  • font-style: italic;が適応されている
期待される動作
  • font-style: italic;の適応を外す

タイトル

再現条件
  • hoge
症状
  • hoge
期待される動作
  • hoge

  • fontsize 17px -> 14px

    • font-weight -> 400
    • image.png
  • 埋まっている

    • image.png

ページツリー

  • サイドバーの開閉ボタンに邪魔されてぺじつりーのメニューが押せない
  • メニューボタンの当たり判定
    • image.png
  • 子孫を持たないページは開閉ボタンを表示させないようにする
  • 上下余白はゼロ
    • image.png
  • fontsize 16px -> 14px
  • メニューは右側に出す
    • image.png
  • 新規作成時のプラスボタン挙動はXDが古い
  • 開閉ボタンのhoverステート化が実際の当たり判定と違う

今後やりたいこと

削除ボタンのホバー時の見た目を作りたい

再現条件
  • 検索結果ページを開いて左ペインの項目にチェックが付いている
症状
  • hoverしても見た目が変わらない
期待される動作
  • hoverの見た目を提示いたしますのでコーディングお願いいたします

Commments