Comments (4)
请提供复现地址
from twikoo.
请提供复现地址
点击第一条评论的阅读更多,向下滑动出现两个Read More
问题出现在移动端 谢谢
浏览器:iOS safari,只和浏览器宽度,评论高度有关(我记得是34px?)
from twikoo.
貌似不是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;
}
from twikoo.
貌似不是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的做法)。
还是建议增加一个选项,让站长决定是否启用这一功能,或者优化逻辑,在首次展开时显示全部内容(像原来的版本一样)。非常感谢!
from twikoo.
Related Issues (20)
- [建议] Gravatar 头像使用 SHA256 哈希
- docker部署访问量无法导入 HOT 5
- 适配hexo的Chic主题
- 评论预览和实际发送样式差异 HOT 1
- docker版本总是提示更新
- eslint 和 eslint-config-standard 支持版本不一致 HOT 1
- VitePress 集成 twikoo 参考解决方案 HOT 2
- 特性请求:Notify 方式支持 WebHook HOT 1
- 怎么在Halo的joe3.0主题里使用twikoo?
- 头像的nick参数是移除了吗? HOT 2
- [问题]如何在Fluid主题中使用Twikoo并配置Katex HOT 6
- 点赞回复会回到顶部 HOT 11
- 使用huggingface部署报错 HOT 4
- 365云栈
- qmsg不能推送
- 关于Hexo主题适配
- 使用Resend,邮件通知无法发送,测试邮件能发送 HOT 4
- vercel部署,前端版本如何更新? HOT 2
- 开启展示UA后,后台报错
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from twikoo.