Camunda UI-任务列表滑块与新Chrome/Edge版本中的任务重叠

Question

我的chrome浏览器最近升级到最新版本v104.0.5112.81，camunda任务列表滑块现在与任务表单的显示重叠。

然而，它在萤火虫上是好的。

Answer 1

这里有一个解决方法，添加到：serverapache-tomcat-9.0.33webappscamundaapptaskliststyles/user-styles.css:

chrome上排除firefox 的第三列问题的解决方法

*/
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
@media only screen and (min-width: 1200px) {
.three-cols-layout-columns .column-right {
z-index: 1;
left: 800px;
margin-left: auto ;
}
}
[cam-tasklist-task] h2 {
margin-top: 15px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.three-cols-layout-columns .column-right {
z-index: 1;
left: 660px;
margin-left: auto ;
}
}
}

Answer 2

这对我有效(调整中间列(：

@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
@media only screen and (min-width: 1200px) {
.three-cols-layout-columns .column-center {
margin-right: -360px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.three-cols-layout-columns .column-center {
margin-right: -320px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.three-cols-layout-columns .column-center {
margin-right: -300px;
}
}
}