ChiliProject is not maintained anymore. Please be advised that there will be no more updates.

We do not recommend that you setup new ChiliProject instances and we urge all existing users to migrate their data to a maintained system, e.g. Redmine. We will provide a migration script later. In the meantime, you can use the instructions by Christian Daehn.

Mobile CSS (Feature #116)


Added by Tim Felgentreff at 2011-02-01 06:48 am. Updated at 2012-07-22 11:03 pm.


Status:Open Start date:2011-02-01
Priority:Low Due date:
Assignee:Tim Felgentreff % Done:

0%

Category:Themes
Target version:-
Remote issue URL: Affected version:

Description

I have created some JS and CSS rules that only apply to mobile user agents, so they could be included with the default theme without changing anything for the desktop user. Regular mobile users (like me) would benefit from a tighter presentation more suited to small screens.


mobile.js - The current JS for mobile agent adjustments (WIP) (8.9 kB) Tim Felgentreff, 2011-02-01 06:51 am

application.css - The current CSS for mobile agent adjustments (WIP) (3 kB) Tim Felgentreff, 2011-02-01 06:51 am

issues.png (40.1 kB) Tim Felgentreff, 2011-02-01 06:51 am

activity.png (49.1 kB) Tim Felgentreff, 2011-02-01 06:51 am


History

Updated by Tim Felgentreff at 2011-02-01 06:51 am

I attached some pictures to show how the rules look when applied to the old default theme.

  • File application.css added
  • File issues.png added
  • File activity.png added
  • File mobile.js added

Updated by Eric Davis at 2011-02-01 07:08 am

Tim:

Could we wait until the 2.0.0 release for a mobile skin? I want to redo the layout at that time, which will affect all of the CSS.

Updated by Tim Felgentreff at 2011-02-01 07:09 am

Eric Davis wrote:

Tim:

Could we wait until the 2.0.0 release for a mobile skin? I want to redo the layout at that time, which will affect all of the CSS.

Sure, just wanted to have it noted.

  • Target version deleted (1.1.0 — Bell)

Updated by Eric Davis at 2011-02-01 07:18 am

Thanks. I started on a mobile CSS/JS plugin a long time ago, we could probably put this into there for now. It would be a good way to test out the code before it's included in the main repository.

Updated by Tim Felgentreff at 2011-02-01 10:47 am

Well, it's really just a theme, no need to wrap it in a plugin.

Updated by Felix Schäfer at 2011-02-01 10:49 pm

  • Status set to Open

Updated by Wieland Lindenthal at 2011-02-11 04:02 pm

Hi Tim,

I tried your plugin from github (https://github.com/finnlabs/redmine_mobile_css). I like your approach as it integrates in a very light way. Further I like that you push this feature in general. I always disliked using chiliproject on my android. Thumbs up!

Here is some feedback. I hope you do not mind:

  • I was not able to discover the top menu (Home, My page, ...) although it is there.
  • I was not able to discover the account part of the top menu (Logut, My account, ...) although it is ther.
  • I was not able to discover the filters within the issues view although it is there.

I sketched a wireframe using Pidoco proposing a layout that makes all three points discoverable.

  • Top Menu is in a simple select box in the left upper corner.
  • The account part of the top menu is on the right upper corner.
  • The filter can be unhidden by clicking on "+ Query".
  • Further I proposed a different way to sort the issues. You simply select the issue attribute you want to select on within a select box. This makes the layout stretch less horizontally and respectively the font less small.
  • I find the issue ID rather overrepresented. A normal user sometimes needs the ID but almost always needs the title. Therefore I think the title should become more prominent.

    Just click the following link to see the wireframe. Enter your name. Then you can add your comments and feedback directly on the wireframe.

https://pidoco.com/rabbit/invitation/eKAORvHTli3vlTRjrWNSBvVXATd7hi5kgvZV6BSJ

Regards
Wieland

  • Tracker changed from Bug to Feature

Updated by Tomáš Jukin at 2012-07-22 11:03 pm

What is a status of this? It would be wonderful to have it on an iPhone;-)...

Also available in: Atom PDF