Responsive design which has been introduced from Redmine version 3.2. Have been comfortable to be able to view on your mobile phone, there is also a difficult scene to use or collapse column.
So disable the Better yet Responsive design, to continue to use the PC screen in mobile phone.
Change the CSS
How to change the application itself of Responsive design is not known at the lack of learning.
Tentatively to reduce the judgment criteria max-width of the responsive for CSS, it does not want real use.
The installation version up is carried out in this procedure
Redmine3.1.1-> to 3.2.2 version up in safe and easily with 30 minutes - designetwork(EN)
CSS are located in the following redmine/public/stylesheets .
[root@CentOS-01 public]# vi stylesheets/responsive.css /* redmine's body is set to min-width: 900px add first breakpoint here and start adding responsiveness */ /*@media all and (max-width: 899px)*/ @media all and (max-width: 99px) { /*----------------------------------------*\ A) BASIC MOBILE RESETS \*----------------------------------------*/ <snip> [root@CentOS-01 public]# service httpd restart
Change result
Such Responsive design is no longer applied.
(Sorry in JP's display)
Before
After
PC layout CSS change
By the way, if you change here in a similar, such as setting, layout will shrink to the smallest size in this way it is lost.
Therefore, here min-width is unnecessary change.
[root@CentOS-01 public]# vi stylesheets/application.css html {overflow-y:scroll;} /*body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; }*/ body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; } h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;} <snip> [root@CentOS-01 public]# service httpd restart
Conclusion
By disabling Responsive design Responsive layout, if necessary, the Redmine can be used remain conventional.