decidim / decidim

The participatory democracy framework. A generator and multiple gems made with Ruby on Rails
https://decidim.org/
GNU Affero General Public License v3.0
1.46k stars 402 forks source link

Update UI design of detail page #13328

Open carolromero opened 1 month ago

carolromero commented 1 month ago

Is your feature request related to a problem? The current UI of a detail page appears cluttered, with various elements lacking clear division and hierarchy, especially on mobile view.

image

Describe the solution you'd like Apply the following changes (as needed) to the UI, for both mobile and desktop, to improve understanding and interaction:

For guidance, here is the list of component detail pages with the currently existing options:   Kebab menu Taxonomy tags Like Comment Share
Accountability Result
Blog post
Budget project
Debate
Meeting
Page
Proposal
Sortition
Survey

Additional context Related to the update of the comments design: #13075 and https://github.com/decidim/decidim/issues/13078

Mockups Secondary actions - __ Screens.webm

image

image

Prototype Figma file

Acceptance criteria [ ] Given that I'm a visitor, when I enter a detail page, then I see the updated design and interaction.

greenwoodt commented 1 month ago

Nice! I think these proposed changes also relate, especially when accessing via mobile view, to changes made to PR: https://github.com/decidim/decidim/pull/13127#event-13818396995, which is currently in review.

carolromero commented 1 month ago

Correct @greenwoodt! I have linked it to the issue to keep track of the changes.

alecslupu commented 1 month ago