This site uses cookies. By continuing to browse the site, you agree to our use of cookies. Find out more about cookies.
Skip to main content
Metadecidim's official logo
  • English Triar la llengua Elegir el idioma Choose language
    • Català
    • Castellano
Sign Up Sign In
  • Home
  • Processes
  • Assemblies
  • Initiatives
  • Consultations
  • Conferences
  • Help

Propose new functionalities for Decidim software

#DecidimRoadmap Designing Decidim together

Phase 1 of 1
Open 2019-01-01 - 2030-12-31
Process phases Submit a proposal
  • The process
  • Debates
  • Propose new features
  • News
chevron-left Back to list

Change colors on mobile navigation bar

Avatar: InnovacióDemocràtica InnovacióDemocràtica verified-badge
16/09/2021 11:48  
Finished


Ref. PWA07

NOTE: this feature is from a big development. See PWA discussion at GitHub.

Is your feature request related to a problem? Please describe.
As a visitor, it’d be nice if Decidim gets a better integration on mobile browsers (Android, iOS, and Window Phones).

Describe the solution you’d like
For doing this there are some HTML meta tags that gets used:

<meta name="theme-color" content="#4285f4">

We should also investigate with other mobile platforms and other kinds of tags. It’s important that this is also compatible with other configurations of decidim and works in Multitenant instances, so this should be set at Organization -> Appearance.

Describe alternatives you’ve considered
To have a native mobile app, but that’d be too expensive to implement.

Additional context

Resources:

  • https://web.dev/themed-omnibox/
  • https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color
  • https://developers.google.com/web/fundamentals/design-and-ux/browser-customization

Does this issue could impact on users private data?
No, it’s about colors.

Acceptance criteria

  • Given that I’m an administrator
    When I go to Organization -> Appearance I have a new setting for theme-color and I can change it to #56a832
  • Given that I’m a visitor with a compatible browser and this color was changed
    When I go to a page of this instance I can see that the color of the header of my browser is green (#56a832)


  • Filter results for category: PX (Participant eXperience) / Usability PX (Participant eXperience) / Usability

The development of this proposal has finished

  • Reviewed by @product and accepted in the main project
  • It is funded by Barcelona City Council
  • Developed by Populate
  • Available in release 0.26 via #8628

Endorsements count0
Change colors on mobile navigation bar Comments 0

Reference: MDC-PROP-2021-09-16744
Version number 3 (of 3) see other versions
Check fingerprint

Fingerprint

The piece of text below is a shortened, hashed representation of this content. It's useful to ensure the content hasn't been tampered with, as a single modification would result in a totally different value.

Value: f5825cb3f5f0527976ce424434c54754e2a6ebbacce1405bca82f5576127e73f

Source: {"body":{"en":"<h3><br></h3><p>Ref. PWA07</p><p>NOTE: this feature is from a big development. See <a href=\"https://github.com/decidim/decidim/discussions/8334\" target=\"_blank\">PWA discussion at GitHub</a>.</p><p><strong>Is your feature request related to a problem? Please describe.<br></strong> As a visitor, it’d be nice if Decidim gets a better integration on mobile browsers (Android, iOS, and Window Phones).</p><p><strong>Describe the solution you’d like<br></strong> For doing this there are some HTML meta tags that gets used:</p><p>&lt;meta name=\"theme-color\" content=\"gid://metadecidim/Decidim::Hashtag/338/4285f4\"&gt;</p><p>We should also investigate with other mobile platforms and other kinds of tags. It’s important that this is also compatible with other configurations of decidim and works in Multitenant instances, so this should be set at Organization -&gt; Appearance.</p><p><strong>Describe alternatives you’ve considered<br></strong> To have a native mobile app, but that’d be too expensive to implement.</p><p><strong>Additional context</strong></p><p><strong>Resources:</strong></p><ul><li><a href=\"https://web.dev/themed-omnibox/\" target=\"_blank\">https://web.dev/themed-omnibox/</a></li><li><a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color\" target=\"_blank\">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color</a></li><li><a href=\"https://developers.google.com/web/fundamentals/design-and-ux/browser-customization\" target=\"_blank\">https://developers.google.com/web/fundamentals/design-and-ux/browser-customization</a></li></ul><p><strong><img src=\"https://i.imgur.com/cMHMs7c.png\"></strong></p><p><strong>Does this issue could impact on users private data?<br></strong> No, it’s about colors.</p><p><strong>Acceptance criteria</strong></p><ul><li>Given that I’m an administrator<strong><br></strong> When I go to Organization -&gt; Appearance I have a new setting for theme-color and I can change it to gid://metadecidim/Decidim::Hashtag/339/56a832</li><li>Given that I’m a visitor with a <a href=\"https://caniuse.com/meta-theme-color\" target=\"_blank\">compatible browser</a> and this color was changed<strong><br></strong> When I go to a page of this instance I can see that the color of the header of my browser is green (gid://metadecidim/Decidim::Hashtag/339/56a832)</li></ul><p><br></p>"},"title":{"en":"Change colors on mobile navigation bar "}}

This fingerprint is calculated using a SHA256 hashing algorithm. In order to replicate it yourself, you can use an MD5 calculator online and copy-paste the source data.

Share:

link-intact Share link

Share link:

Please paste this code in your page:

<script src="https://meta.decidim.org/processes/roadmap/f/122/proposals/16744/embed.js"></script>
<noscript><iframe src="https://meta.decidim.org/processes/roadmap/f/122/proposals/16744/embed.html" frameborder="0" scrolling="vertical"></iframe></noscript>

Report inappropriate content

Is this content inappropriate?

Reason

0 comments

Order by:
  • Older
    • Best rated
    • Recent
    • Older
    • Most discussed

Add your comment

Sign in with your account or sign up to add your comment.

Loading comments ...

  • Terms and conditions of use
  • About the community
  • Download Open Data files
  • Metadecidim at Twitter Twitter
  • Metadecidim at Instagram Instagram
  • Metadecidim at YouTube YouTube
  • Metadecidim at GitHub GitHub
Creative Commons License Website made with free software.
Decidim Logo

Confirm

OK Cancel

Please sign in

decidim Sign in with Decidim
Or

Sign up

Forgot your password?