-
Notifications
You must be signed in to change notification settings - Fork 66
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Need fullscreen/small screen mode for mobile #22
Comments
For the moment I'm forcing a "fullscreen" view with this css: .uls-menu { however the map doesn't fit onscreen at there's not room for four hardcoded columns of language links, at most for two. One way to solve the columns issue would be to switch from hardcoded columns to using CSS columns, with a target column-width. This should work in browsers supporting CSS multi-column text, and will fall back to a single-column list in more primitive browsers. |
More style tweaks can be found at https://github.com/brion/Wikipedia/blob/uls/assets/www/app.css#L856 This fits most stuff on screen, but there are some current problems:
|
We ave split the uls-menu in 3 classes in order to povide better fexibility.
|
Fixed broken links - issue wikimedia#22
For usage on mobile browsers and PhoneGap/Cordova-based apps we'll need to be able to make the dialog full-screen.
Currently the dialog shows up offset, and wider than the screen -- mobiles typically have 320px or 360px or such as a display width.
This shouldn't necessarily be forced for all mobile things; for instance on a larger tablet screen the dialog style may be fine.
The text was updated successfully, but these errors were encountered: