]> cat aescling's git repositories - mastodon.git/commit
Optimize user setting page for mobile browser (#1924)
authorYuki Nakagawa <yukinari3po@gmail.com>
Mon, 17 Apr 2017 08:37:00 +0000 (17:37 +0900)
committerEugen <eugen@zeonfederated.com>
Mon, 17 Apr 2017 08:37:00 +0000 (10:37 +0200)
commit548ff54714b12be028665117bbf81561a47bd056
treea3c8080b8d00df3c250e304a8b98ec9e3af503d0
parenta67909ec1e2c620e7bbc4452b6457438b24741b1
Optimize user setting page for mobile browser (#1924)

* Remove overflow because it blocks scrolling on mobile safari.

* Add “-webkit-overflow-scrolling: touch;” to enable smooth scroll on mobile safari and other webkit browsers.

* Use radio buttons in user setting page.

Because select tags with long text are not fit in the width of mobile devices.

* Add flex property to fit labels to devise width.

* Change font size of select.

It causes auto zooming on mobile safari.
app/assets/stylesheets/admin.scss
app/assets/stylesheets/forms.scss
app/views/settings/imports/show.html.haml
app/views/settings/preferences/show.html.haml