[改进建议] 任务卡片的编辑窗口错位(附CSS代码)

#1

双击一个任务卡片,会切换到对应的编辑模式。
其实,这是在该任务的卡片之上,弹出了迷你编辑窗口。
编辑窗口的文本框的内容,与该任务的原本文字的内容,自然是相同的。
但,两者的字体、位置和尺寸却不同,导致——
1)错位;
2)每一行显示的文字数量不同;进而总行数可能不同。

建议采用下面的CSS代码:
.div_edit_task{
padding: 5px 2px 5px 4px;
}
#edit_task_name_on_board{
padding: 4px 6px;
font-family: “Helvetica Neue”,PingFang SC,Helvetica,Microsoft YaHei,Tahoma,Arial,"\5b8b\4f53",sans-serif;
letter-spacing: inherit;
}

当然,这只是简单的补丁,仅供参考。

我用的是Windows7 上的 Google Chrome。

#2

您可以截图给我们看看吗?

#3



请下载两张图片到同一个文件夹,然后用看图工具反复切换两者,你会看到明显的错位。
此外,第一行的字数也不同。

更正:
抱歉,font-family 和 letter-spacing 是没有问题的,请无视。

#4

感谢反馈 我们看一下