openpoke / 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
3 stars 0 forks source link

Implement sticky buttons for main CTAs in Mobile UI #73

Closed ElviaBth closed 3 months ago

ElviaBth commented 5 months ago

:tophat: What? Why?

Implement sticky button for the main Call to Actions (CTAs) that remain accessible on the screen as the user scrolls through the detailed view of the Meetings, Proposals, Surveys, and Budgets components.

:pushpin: Related Issues

Link your PR to an issue

Testing

Visit PWA mobile browser

  1. Meeting
    • Go to meetings.
    • Click on one of the meetings to see the sticky button to register if meeting registratión is available.
  2. Proposals
    • In the menu, click on the button for the space where you want to see Proposals. For instance, it could be "Processes", "Assemblies" or "Conferences".
    • Click on one of the highlighted options.
    • Click on the Jump to dropdown, and go to Proposals.
  3. Survey
    • In the menu, click on the button for the space where you want to see the Survey. For instance, it could be "Processes", "Assemblies" or "Conferences".
    • Click on one of the highlighted options.
    • Click on the Jump to dropdown, and go to Survey.
  4. Budgets
    • In the menu, click on the button for the space where you want to see Budgets. For instance, it could be "Processes", "Assemblies" or "Conferences".
    • Click on one of the highlighted options.
    • Click on the Jump to dropdown, and go to Budgets.

:camera: Screenshots

Meeting

Meeting

Poposals

ProposalProposals with visible supportProposal with a threshold

Survey

Survey with no sectionsSurvey with sections (1/2)Survey with sections (2/2)

Participatory Budget

Participatory Budget (1/4)Participatory Budget (2/4)Participatory Budget (3/4))Participatory Budget (4/4)

:hearts: Thank you!