2596b4e78b
When the list of available languages becomes too large, having all of them in one column makes it harder to select them. What we're trying to do here is to have multiple columns, with each column containing between 5 and 10 options, so they can all be easily seen on the screen at the same time. For that, there are mainly three options: a flex layout, a grid layout or a multi-column layout. Since languages are ordered (more or less) alphabetically, the natural way to display them is showing the first few ones on the first column, the following ones on the second column, and so on, as opposed to displaying the first ones on the first row, the following ones on the secord row, ... AFAIK this can't be accomplished using a flex layout. I've tried to do so using a grid layout, and failed. The problem here is that we don't know how many rows we're going to have. So we're using a multi-column layout. I haven't found a way to guarantee a minimum height for the content of each column, so in the end we're using a hack with the `:has` pseudoclass. Note this pseudoclass is only supported by about 92%-94% of the browsers (including the last few versions of all major browsers); people using other browsers will still see all the options on one column, just like people using small screens do.
CONSUL DEMOCRACY
Citizen Participation and Open Government Application
This is the opensource code repository of the eParticipation website CONSUL DEMOCRACY, originally developed for the Madrid City government eParticipation website, and currently maintained by the open source software community in collaboration with the CONSUL DEMOCRACY Foundation.
Documentation
Check the ongoing documentation to learn more about how to start your own CONSUL DEMOCRACY fork, install it, customize it and learn to use it as an administrator/maintainer.
CONSUL DEMOCRACY Foundation and project website
You can access the main website of the project at http://consuldemocracy.org where you can find information about the use of the platform, the CONSUL DEMOCRACY Foundation, the global community of users and local partners, news, and ways to get more support or get in touch.
Configuration for development and test environments
NOTE: For more detailed instructions check the docs
Prerequisites: install git, Ruby 3.2.3, CMake, pkg-config, shared-mime-info, Node.js 18.18.2 and PostgreSQL (>=9.5).
git clone https://github.com/consuldemocracy/consuldemocracy.git
cd consuldemocracy
bin/setup
bin/rake db:dev_seed
Run the app locally:
bin/rails s
Run the tests with:
bin/rspec
You can use the default admin user from the seeds file:
user: admin@consul.dev pass: 12345678
But for some actions like voting, you will need a verified user, the seeds file also includes one:
user: verified@consul.dev pass: 12345678
Configuration for production environments
See installer
Current state
Development started on 2015 July 15th. Code was deployed to production on 2015 september 7th to decide.madrid.es. Since then new features are added often. You can take a look at the current features at the project's website and future features at the Roadmap and open issues list.
License
Code published under AFFERO GPL v3 (see LICENSE-AGPLv3.txt)
Contributions
See CONTRIBUTING.md