bitnami redmine 3.0.0 页面优化

本文详细介绍了如何优化Bitnami Redmine 3.0.0的页面,包括调整页面字体大小、邮件内容字体大小、右侧栏宽度、列表行高以及设置主题宽度限制,实现超出部分显示省略号,鼠标悬停显示完整内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

优化点:

1.页面字体大小

2.邮件内容字体大小

3.右边栏目宽度

4.列表行高调整

5.主题宽度限制,超出部分显示‘...’,鼠标放上显示完整内容



(截图仅供参考)


修改

邮件字体大小调整

app\views\layouts\mailer.html.erb

第6行

font-size: 0.8em; 
改为:
font-size: 14px;



其它

文件:/opt/redmine-3.0.0-0/apps/redmine/htdocs/public/stylesheets/application.css

第2行
body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }
修改为
body { font-family: 微软雅黑,Verdana, sans-serif; font-size: 13px; color:#484848; margin: 0; padding: 0; min-width: 900px; }

第73行
#sidebar{ float: right; width: 22%; position: relative; z-index: 9; padding: 0; margin: 0;}
修改为
#sidebar{ float: right; width: 12%; position: relative; z-index: 9; padding: 0; margin: 0;}


第127行
table.list td {text-align:center; vertical-align:top; padding-right:10px;}
改成
table.list td {text-align:center; vertical-align:middle; padding-right:10px;}

第131行
table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
修改为
table.list td.checkbox { width: 15px; padding: 2px 0 0 0;height: 30px; }




第155行
tr.issue td.subject, tr.issue td.category, td.assigned_to, tr.issue td.string, tr.issue td.text, tr.issue td.relations, tr.issue td.parent { white-space: normal; }

修改为

/**************change***************/
tr.issue td.subject, tr.issue td.category, td.assigned_to, tr.issue td.string, tr.issue td.text, tr.issue td.relations, tr.issue td.parent { white-space: nowrap;text-align: justify;word-break:break-all; }
tr.issue td.subject{
 width: 260px;
}
tr.issue td.subject a{
  display: block;
  overflow:hidden;
  width: 300px;
  text-overflow:ellipsis;
  text-align: left;
}
/**************end change***************/


文件:/opt/redmine-3.0.0-0/apps/redmine/htdocs/public/javascripts/ application.js

在651行后追加
$(function(){
	$('tr.issue td.subject a').each(function(i){
	      $(this).attr('title',$(this).html());
	});
});


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值