mirror of
https://github.com/moodle/moodle.git
synced 2025-01-31 20:53:53 +01:00
d8e57f02a7
We want to avoid page jumps wherever possible. This change uses the original select element as a "proxy" to reserve the space in the DOM for the enhanced auto-complete when the JS runs. It uses visibility: hidden to make the select not rendered - but still take up space. The exact sizing for the CSS was determined by testing and reverse engineering the bootstrap calculations. The size of user pictures in selectors was reduced to avoid flicker when switching between no selection and a selected user. I could have reserved a larger amount of space, but it looks worse for pickers with no pictures.
.-..-.
_____ | || |
/____/-.---_ .---. .---. .-.| || | .---.
| | _ _ |/ _ \/ _ \/ _ || |/ __ \
* | | | | | || |_| || |_| || |_| || || |___/
|_| |_| |_|\_____/\_____/\_____||_|\_____)
Moodle - the world's open source learning platform
Moodle <https://moodle.org> is a learning platform designed to provide
educators, administrators and learners with a single robust, secure and
integrated system to create personalised learning environments.
You can download Moodle <https://download.moodle.org> and run it on your own
web server, ask one of our Moodle Partners <https://moodle.com/partners/> to
assist you, or have a MoodleCloud site <https://moodle.com/cloud/> set up for
you.
Moodle is widely used around the world by universities, schools, companies and
all manner of organisations and individuals.
Moodle is provided freely as open source software, under the GNU General Public
License <https://docs.moodle.org/dev/License>.
Moodle is written in PHP and JavaScript and uses an SQL database for storing
the data.
See <https://docs.moodle.org> for details of Moodle's many features.