style(css): 调整项目描述折叠样式

- 注释掉固定最大高度限制
- 增加切换按钮相对定位和层级
- 优化按钮与文本的间距布局
- 确保按钮在文本末尾正确显示
This commit is contained in:
hehh
2025-11-20 22:30:57 +08:00
parent b5b5eb9b2a
commit 0d113b5936

View File

@@ -1480,7 +1480,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
}
.project-description.collapsible {
max-height: 80px;
/*max-height: 80px;*/
overflow: hidden;
position: relative;
}
@@ -1526,6 +1526,8 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
display: inline-flex;
align-items: center;
gap: 3px;
position: relative;
z-index: 1;
}
.toggle-description:hover {
@@ -1537,6 +1539,13 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
margin-left: 2px;
}
/* 确保按钮在文本末尾正确显示 */
.project-description .toggle-description {
position: relative;
z-index: 1;
margin-left: 5px;
}
.project-stats {
display: flex;
gap: 1rem;