使用自定义CSS让可道云KODBOX的底部任务栏置顶

前言

可道云是一个比较好用的在线文件管理系统,并且其界面比较类似于windows系统,所以上手难度低。但是可道云默认情况下的底部的任务栏会被窗口给遮挡住(这点有别于windows,windows的任务栏是默认就在最顶上),如图1和图2的对比。

可以看到图1中,windows的窗口是会被任务栏遮挡的,且默认情况下窗口全屏的时候任务栏也是会显示在界面最底下的。

windows的任务栏
图1 windows的任务栏

然后如图2 ,可以看到可道云的任务栏是会被可道云的窗口所遮挡的,且如果窗口全屏,那么任务栏也会被窗口所遮挡

可道云软件的任务栏
图2 可道云软件的任务栏

习惯了windows系统的界面,这样的逻辑让我有些不习惯。刚好可道云能够自定义CSS,这篇文章就是介绍,如何使用自定的CSS,将可道云的任务栏置顶在界面最上层,且全屏的时候窗口不会覆盖任务栏(就如windows那样子)

操作方法

一切的前提:你要有可道云的管理员账号,否则无法进行全局的CSS修改!

登录可道云后,点击系统设置模块,如图3所示,在系统设置中点中基础设置,接下来选中其他设置,在页面中的自定义全局CSS的地方复制好下面我们给出的CSS,并保存。

可道云设置自定义CSS的界面
图3 可道云设置自定义CSS的界面

要输入的CSS如下



.task-tab {
    z-index: 999998 !important;
}

.taskbar {
    z-index: 999997 !important;
}


.artDialog {
    max-height: calc(100vh - 35px) !important;
}

.artDialog .aui-outer {
    max-height: calc(100vh - 35px) !important;
}

.artDialog .aui-main {
    max-height: calc(100vh - 100px) !important;
}

保存后刷新整个界面,可以如图4看到任务栏已经被置顶了,不会被窗口遮挡。

设置完自定义CSS后可道云的任务栏
图4 设置完自定义CSS后可道云的任务栏

备注:经过观察,设置了置顶可能会导致可道云客户端在连接的时候出现一点点异常,客户端会有很低的概率出现界面无法关闭的问题,但是网页版没有发现过这个问题。

--------------

本文标题为:

使用自定义CSS让可道云KODBOX的底部任务栏置顶

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,记得载明出处。
内容有问题?想与我交流下?点此哦,欢迎前来交流~
上一篇
下一篇