修改redmine界面布局，使的issue模块能够占用更多的面积

Posted on adminPosted in 经验分享

在项目的问题标签页下面，是我们在redmine上记录的issue的列表。
当我们根据项目的需要，希望在这个view上显示更多的列时，可能会出现太拥挤的情况。这时候就希望issue界面更大，页面右侧的sidebar窄一些。
可以修改redmine下”public\stylesheets\”目录中的application.css。第73-85行中的4个width值。见下面代码中红色加大处。

  1. #sidebar{ float: right; width: 13%; position: relative; z-index: 9; padding: 0; margin: 0;} /* default width: 22%; */
  2. * html #sidebar{ width: 13%; } /* default width: 22%; */
  3. #sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
  4. #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; } /* default width: 100%; */
  5. * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }/* default width: 95%; */
  6. #sidebar .contextual { margin-right: 1em; }
  7. #sidebar ul {margin: 0; padding: 0;}
  8. #sidebar ul li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
  10. #content { width: 85%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; } /* default width: 75%; */
  11. * html #content{ width: 85%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;} /* default width: 75%; */
  12. html>body #content { min-height: 600px; }
  13. * html body #content { height: 600px; } /* IE */

修改完成后保存，并重启redmine。
效果如下：
before：

after：

发表评论