cd /opt/zammad/app/assets/stylesheets/custom/
vi custom.css
# Editing...
zammad run rake assets:precompile
systemctl restart zammad-web
Tag: CSS
-
Custom CSS for Zammad
-
Vertical Metrics Recommendations for Sofia Pro Web Fonts
- Ascent: 960
- Descent: 220
-
让 SyntaxHighlighter Evolved 变好看的 CSS
凡是用 WordPress 贴代码的基本都会用 SyntaxHighlighter Evolved 插件，因为 wordpress.com 就在用，但凡是用了 SyntaxHighlighter Evolved 的样子都奇丑无比，让人恶心，下面提供一下本站使用的 CSS 样式，让你的代码可以瞬间从无数没有审美的程序猿中脱颖而出
.code .container { font-size: 14px !important; padding: 15px !important; } .code .container code { font-family: "Lucida Console", Monaco, monospace !important; } .syntaxhighlighter table td.code .line { padding: 2px 1em !important; } -
YUI Compressor 与 media query 的兼容问题
YUI Compressor 在处理 CSS 的时候无法正确处理 media query：
@media screen and (max-device-width: 480px)压缩后会变成：
@media screen and(max-device-width:480px)解决方法是从官方的 GitHub repo 中直接编译，或者直接下我编译好的：
-
CSS 实现段落不换行并且超过容器宽度后显示为省略号的触发方法备忘
缺一不可，比较坑爹，试完了才发现 quirksmode 提到过
width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;全新版本，Firefox 下依然可用：
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;