style(css): 调整项目描述折叠样式
- 注释掉固定最大高度限制 - 增加切换按钮相对定位和层级 - 优化按钮与文本的间距布局 - 确保按钮在文本末尾正确显示
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user