自定义 CSS

一个插件,允许通过管理屏幕编辑自定义 CSS 规则。

Kevin Papst
提供者
Kevin Papst

If you want to change the look and feel of Kimai, you can use this bundle to add your own CSS rules.

Examples styles can be found in the documentation.

Alternative

If you want to add custom Javascript (or add a custom page with markdown content or show a site wide message), please have a look at this item instead: 自定义内容

Storage

This bundle stores the custom CSS rules in the file var/data/custom-css-bundle.css. Make sure it’s writable by your webserver and included in your backups.

兼容性

下表包含插件与所需的最低 Kimai 版本之间的比较。

Bundle 版本 最低 Kimai 版本
2.2.0 2.17.0
2.1.0 2.1.0

安装

复制文件

Extract the ZIP file and upload the included directory and all files to your Kimai installation to the new directory:

var/plugins/CustomCSSBundle/

The file structure needs to look like this afterwards:

var/plugins/
├── CustomCSSBundle
│   ├── CustomCSSBundle.php
|   └ ... more files and directories follow here ...

清除缓存

After uploading the files, Kimai needs to know about the new plugin. It will be found once the cache was re-built. Call these commands from the Kimai directory:

How to reload Kimai cache

bin/console kimai:reload --env=prod

It is not advised, but in case the above command fails you could try:

rm -r var/cache/prod/*

You might have to set file permissions afterwards:

Adjust file permission

You have to allow PHP (your webserver process) to write to var/ and it subdirectories.

Here is an example for Debian/Ubuntu, to be executed inside the Kimai directory:

chown -R :www-data .
chmod -R g+r .
chmod -R g+rw var/

You might not need these commands in a shared-hosting environment. And you probably need to prefix them with sudo and/or the group might be called different from www-data.

更新

Updating the plugin works exactly like the installation:

  • Delete the directory var/plugins/CustomCSSBundle/
  • Execute all installation steps again:
    • 复制文件
    • 清除缓存

演示

你可以在以下网站测试这个插件 demo.kimai.org:

用户名: susan_super
密码: password

在此处查找更多测试帐户.

截图

Screenshot
The new administration page with all available pre-made rules
Screenshot
Default timesheet view before using rules
Screenshot
Timesheet view with activated custom rules to highlight active records and hide overlapping records
提供者

Kevin Papst

Building Kimai since 2009

如果你有任何问题,请使用以下联系信息与开发商直接联系。
Top