PB05 Improvement of the visibility of the progress box in budgets component

[verarojman]

Implements AjuntamentdeBarcelona/decidim-barcelona#361
Supersedes #2

Tasks

• As a visitor I can see the progress box anchored and visible from the Budgets index page
• As a visitor I can see the progress box anchored and visible from the Budgets detail page
• As a visitor,
  Given that I close the anchored progress box,
  Then it is displayed in its normal position
• As an admin,
  Given that I enabled the voting rule by projects,
  Then the number of selected projects is displayed in the progress box instead of the percentage of the total amount.

Additional comments

• Focus mode removes card margin, padding and borders and reduces its content's font-size by 80%
• Same focus mode content for project detail and list view
• No GUI element to enter focus mode again since it opens on page load

Specs

• Focus mode
• Order progress shows project count when minimum projects rule is active

Additional work

• Disable focus mode for mobile (< 800px wide)
• Hide title and process nav
• Cookies warning: How to show combined with focus mode?
• "Flash" messages: How to show combined with focus mode?
• Omnipresent banner: How to show combined with focus mode?
• Fit project amount in mobile
• Al progress box del llistat de projectes eliminaria aquest text que a més està duplicat amb les regles de votació (sobretot per guanyar una mica d'espai i pq no surt tampoc a la vista de detall). I afegiria la negreta a les regles de votació
• a la vista de detall no queda molt visible com tornar al llistat de projectes d'aquell pressupost. Preveient la gent que entrarà per aquí i que encara haurà de seleccionar 1 altre per poder votar,
  substituiria l'enllaç a la landing per l'enllaç a la llista de projectes, afegiria la negreta a les regles de votació i inclouria el districte al qual pertany aquell projecte
• Fix progress text in mobile

📷 Screenshots

♥️ Thank you!