javascript-tutorial / javascript-tutorial/ko.javascript.info

[Bug report] 로컬 서버 페이지 네비게이션 레이아웃 깨짐

オープン
#1,568 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

enhancement
主要言語
HTML
スター
2k
フォーク
852
PR マージ指標
30日以内にマージされた PR はありません

説明

🐛 Bug report

서버에러

로컬 서버 실행 시 상세 페이지 네비게이션 레이아웃이 깨져서 오른쪽 페이지 네비게이션을 제대로 사용할 수 없습니다.

예상된 기능 혹은 화면

서버에러_수정

정상적인 페이지에서는 페이지 네비게이션이 콘텐츠의 양옆에 위치하고 있어야 합니다.

환경

[OS] 맥 m1, [브라우저] 크롬

재연할 수 있는 방법

/* 기존 코드 */
.page__nav_next {
     left: 0;
     transition: top .2s;
}
/* 수정 코드 */
.page__nav_next {
     right: 0;
     transition: top .2s;
}

요소의 클래스 .page__nav_next의 속성을 left에서 right로 변경해주면 배치가 수정되면서 페이지 네비게이션 버튼도 정상적으로 동작됩니다.

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

スタイルシートで .page__nav_next セレクターを検索し、Chrome でローカルの詳細ページナビゲーションを確認します。セレクターの配置が想定されるレイアウトと一致していることを確認し、影響を受けるページで次のページのコントロールが正しく機能することを検証します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
css
領域
frontend, web-dev
issue の種類
バグ
難易度
1/5
見積もり時間
1時間未満
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
52/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。