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 { .project-description.collapsible {
max-height: 80px; /*max-height: 80px;*/
overflow: hidden; overflow: hidden;
position: relative; 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; display: inline-flex;
align-items: center; align-items: center;
gap: 3px; gap: 3px;
position: relative;
z-index: 1;
} }
.toggle-description:hover { .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; margin-left: 2px;
} }
/* 确保按钮在文本末尾正确显示 */
.project-description .toggle-description {
position: relative;
z-index: 1;
margin-left: 5px;
}
.project-stats { .project-stats {
display: flex; display: flex;
gap: 1rem; gap: 1rem;