Skip to content

Redesigned Question page - Page shell#4646

Draft
ncarazon wants to merge 9 commits intomainfrom
feat/question-page-redesign-1st-iteration
Draft

Redesigned Question page - Page shell#4646
ncarazon wants to merge 9 commits intomainfrom
feat/question-page-redesign-1st-iteration

Conversation

@ncarazon
Copy link
Copy Markdown
Contributor

Closes #4640

* feat: implement responsive meta row for question metrics and relocated project chips

* fix: sync meta row visibility breakpoints to prevent duplicated rendering and refine question header alignment layout

* refactor: replace trophy icon dedup, manual mousedown listener with HeadlessUI Popover, and use translations generate script

* fix: update Portuguese overflow label translation and fix vote score rendering condition
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 23, 2026

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: d9e3922a-2c66-469b-b55c-4688a94b3d20

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/question-page-redesign-1st-iteration

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 23, 2026

🚀 Preview Environment

Your preview environment is ready!

Resource Details
🌐 Preview URL https://metaculus-pr-4646-feat-question-page-redesign-1s-preview.mtcl.cc
📦 Docker Image ghcr.io/metaculus/metaculus:feat-question-page-redesign-1st-iteration-282a591
🗄️ PostgreSQL NeonDB branch preview/pr-4646-feat-question-page-redesign-1s
Redis Fly Redis mtc-redis-pr-4646-feat-question-page-redesign-1s

Details

  • Commit: 282a5916dd431a29d1d1f05f79e799ba6aff3cd1
  • Branch: feat/question-page-redesign-1st-iteration
  • Fly App: metaculus-pr-4646-feat-question-page-redesign-1s

ℹ️ Preview Environment Info

Isolation:

  • PostgreSQL and Redis are fully isolated from production
  • Each PR gets its own database branch and Redis instance
  • Changes pushed to this PR will trigger a new deployment

Limitations:

  • Background workers and cron jobs are not deployed in preview environments
  • If you need to test background jobs, use Heroku staging environments

Cleanup:

  • This preview will be automatically destroyed when the PR is closed

* feat(ui): build new TitleRow component with updated typography and variant-specific layout logic

* fix: move question info on top in forecaster header
* feat: added new question action row with unified pill styling, dynamic primary logic, and add custom icons

* refactor: consolidate pill styles into CVA + PillButton, replace hardcoded hex with design tokens, and fix Follow active state styling

* refactor: remove action buttons from sidebar

* fix: add dark mode variants to all pill styles

* fix: remove dead imports and stale questionTitle prop from Sidebar
…/action rows (#4657)

* feat: added new question action row with unified pill styling, dynamic primary logic, and add custom icons

* refactor: consolidate pill styles into CVA + PillButton, replace hardcoded hex with design tokens, and fix Follow active state styling

* fix: remove dead imports and stale questionTitle prop from Sidebar

* feat: filter PostDropdownMenu for desktop and polish mobile consumer/forecaster meta and action rows

* fix: show full action row from 768px, adjust Predict/Share on mobile, and gate dropdown Share/Follow/Embed below md
feat: add desktop tab bar with shared active-tab state
feat: add tab content adapters
* feat: change sidebar reflow for forecaster and consumer views

* feat: redesign similar questions sidebar with new card layout and charts

* feat: differentiate similar questions chart display between forecaster and consumer views

* feat: add vertical bar chart for date/numeric group questions in similar questions consumer sidebar

* fix: disable frontend cache for similar posts endpoint to ensure per-user vote state is returned correctly

* fix: limit vertical bar chart to visible choices count to prevent overlapping labels

* fix: replace VerticalBarConsumerCard with GroupForecastCard in similar questions sidebar and remove hideResolutionIcon prop

* Similar questions endpoint: added user context to the API response

---------

Co-authored-by: hlbmtc <hlib@metaculus.com>
* feat: integrate shell, widen column to 59rem, delete dead layouts

* fix: CommunityDisclaimer placement and add shell z-index

* feat: replace direct DOM scrolling with context-based comment navigation, improve cross-tab comment access, and refine consumer shell layout handling for different question types

* feat: refine question page and comment feed styling, spacing, and layout

* fix: stack comment date below author name on question page and align date/vote typography to design spec

* feat: add My Scores tab for consumer, wire PostScoreData into forecaster shell with Resolution Criteria and Background Info, and fix duplicate comments on tab re-entry

* refactor: gate My Scores tab on user scores, extract comment header condition into named vars, and deduplicate post score routing logic

* fix: forward mobileSidebar to ConsumerShell, fix translated banner timer cleanup, update my-scores hash key, and widen Storybook story wrappers to 59rem

* fix: restore preselectedGroupQuestionId in ConsumerShell for group and fan graph questions
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant