twikoojs / twikoo

💬 一个简洁、安全、免费的静态网站评论系统 | A simple, safe, free comment system.
http://twikoo.js.org
MIT License
1.51k stars 293 forks source link

添加评论限高选项 #710

Open RoversX opened 4 months ago

RoversX commented 4 months ago

1.6.35版本更新后新增的评论内容的限高似乎导致出现多余折叠按钮,并没有折叠具体内容。希望添加是否开启评论限高选项,谢谢 IMG_3391

imaegoo commented 4 months ago

请提供复现地址

RoversX commented 4 months ago

请提供复现地址

点击第一条评论的阅读更多,向下滑动出现两个Read More 问题出现在移动端 谢谢

浏览器:iOS safari,只和浏览器宽度,评论高度有关(我记得是34px?)

地址

HcGys commented 4 months ago

貌似不是twikoo的问题。 折叠是通过以下代码实现的:

.tk-content-expand {
    max-height: none;
}

.tk-content {
    margin-top: 0.5rem;
    overflow: hidden;
    max-height: 500px;
    position: relative;
}

但是,您网站的.tk-content选择器的max-height属性被设置成了2000px:

.tk-content {
    margin-top: 7px !important;
    font-size: 17px;
    max-height: 2000px !important;
    padding: 10px;
    word-break: normal;
    border-radius: 15px;
    font-weight: 500;
}
RoversX commented 3 months ago

貌似不是twikoo的问题。 折叠是通过以下代码实现的:

.tk-content-expand {
    max-height: none;
}

.tk-content {
    margin-top: 0.5rem;
    overflow: hidden;
    max-height: 500px;
    position: relative;
}

但是,您网站的.tk-content选择器的max-height属性被设置成了2000px:

.tk-content {
    margin-top: 7px !important;
    font-size: 17px;
    max-height: 2000px !important;
    padding: 10px;
    word-break: normal;
    border-radius: 15px;
    font-weight: 500;
}

感谢回复,我查看后发现确实是我的自定义CSS导致的问题,并不是功能本身的问题,抱歉。感谢您们的努力和付出。

不过,我想针对评论高度限制功能提出一些意见。在用户已经点击“阅读更多”的情况下,反复点击可能会显得不太友好。虽然这一功能在楼中楼评论很多时有一定作用,但对于希望一次性查看所有评论的用户来说,这种限制显得有些多余(参考reddit的做法)。

还是建议增加一个选项,让站长决定是否启用这一功能,或者优化逻辑,在首次展开时显示全部内容(像原来的版本一样)。非常感谢!