designetwork(EN)

IT technical memo of networking

Disable the responsive design in Redmine3.2

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.


This Blog is English Version of my JP's.

Sorry if my English sentences are incorrect.

designetwork