diff options
| author | Yuki Nakagawa <yukinari3po@gmail.com> | 2017-04-17 17:37:00 +0900 |
|---|---|---|
| committer | Eugen <eugen@zeonfederated.com> | 2017-04-17 10:37:00 +0200 |
| commit | 548ff54714b12be028665117bbf81561a47bd056 (patch) | |
| tree | a3c8080b8d00df3c250e304a8b98ec9e3af503d0 /app/assets/stylesheets/admin.scss | |
| parent | a67909ec1e2c620e7bbc4452b6457438b24741b1 (diff) | |
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.
Diffstat (limited to 'app/assets/stylesheets/admin.scss')
| -rw-r--r-- | app/assets/stylesheets/admin.scss | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss index e27b88e5f..2916b915b 100644 --- a/app/assets/stylesheets/admin.scss +++ b/app/assets/stylesheets/admin.scss @@ -120,10 +120,12 @@ @media screen and (max-width: 600px) { display: block; overflow-y: auto; + -webkit-overflow-scrolling: touch; .sidebar-wrapper, .content-wrapper { flex: 0 0 auto; height: auto; + overflow: initial; } .sidebar { |