Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Web: page width jumps between Home, Plugin Library and Warnings

Đang mở
  • Có gì không ổn?
#282 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
58/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
css, html, python
Lĩnh vực
frontend, web-dev

Hướng nghiên cứu

Start with the main_class blocks in src/paperpi/web/templates/base.html and in the Home and Full log templates, then the main.wide, .top-inner.wide and footer.wide rules in src/paperpi/web/static/style.css. Load Home and Plugin Library at computer and phone width and compare the menu bar's left edge. Done when the menu bar and left edge stay fixed across Home, Plugin Library, Warnings and a Settings page, with screenshots in the PR.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

area:web bug

Seen by txoof in the web interface (2026-10-13).

Problem: the page width changes a lot when switching between Home, Plugin Library and Warnings, so the menu bar and the left edge of the page jump sideways.

Why: pages pick one of two widths. Home (home.html) and the Full log (log.html, PR #281) set {% block main_class %}wide{% endblock %}, which makes the page, the menu bar and the footer 64rem wide (main.wide, .top-inner.wide, footer.wide in src/paperpi/web/static/style.css). The other pages (Plugin Library, Settings, Add, Remove, Log in) are 46rem wide. On a computer screen both are centred, so the left edge moves by about 9rem (around 140 pixels) between pages. The menu bar follows the page width, so it moves too.

Wanted: the menu bar and the left edge stay in the same place on every page. For example:

  • one width for the menu bar on every page (the wide one), and
  • every page starts at the same left edge; a page with narrow content (forms, text) keeps its text lines short with a max-width on the content, not by centring a narrower page.

Also check that the page doesn't shift a little when one page has a scroll bar and the next doesn't (for example with scrollbar-gutter: stable on html).

Where: src/paperpi/web/static/style.css, src/paperpi/web/templates/base.html and the templates that set main_class.

Done when: switching between Home, Plugin Library, Warnings and a Settings page doesn't move the menu bar or the left edge, at computer and phone width; screenshots in the PR.

Ngôn ngữ chính
Python
Star
205
Fork
17
Merge trung bình
6 giờ 4 phút
Pull request đã merge (30 ngày)
45

Chuẩn bị môi trường

  • Không có Dockerfile hay tệp Docker Compose
  • Có mẫu pull request
  • Không có hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của txoof/PaperPi

Tất cả issue của txoof/PaperPi

Issue tương tự

Thêm issue về Python

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.