Skip to content

Commit 36e5f15

Browse files
committed
修复角色卡详情面板在窗口过度压缩时,底部“导出角色卡”和“删除角色卡”按钮被左侧区域裁切的问题
1 parent a4624fb commit 36e5f15

1 file changed

Lines changed: 22 additions & 3 deletions

File tree

static/css/character_card_manager.css

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4634,6 +4634,9 @@ margin-top: 10px;
46344634
}
46354635

46364636
.catgirl-panel-wrapper.card-only.phase-expand {
4637+
--panel-actions-reserved-height: 178px;
4638+
--panel-card-face-height: clamp(200px, min(56vh, calc(80vh - var(--panel-actions-reserved-height))), 560px);
4639+
--panel-card-face-width: calc(var(--panel-card-face-height) * 0.75);
46374640
height: 80vh;
46384641
}
46394642

@@ -4655,22 +4658,25 @@ margin-top: 10px;
46554658
overflow: hidden;
46564659
}
46574660

4658-
/* phase-expand 后,左侧容器恢复正常对齐;卡面图片尺寸保持原设,
4659-
卡面信息与操作按钮显示在下方剩余空间(约 15vh) */
4661+
/* phase-expand 后,左侧容器恢复正常对齐;压缩高度时卡面让出操作区空间 */
46604662
.catgirl-panel-wrapper.card-only.phase-expand .catgirl-panel-left {
4663+
min-width: 240px;
46614664
align-items: stretch;
46624665
padding: 0;
46634666
background: #fafcff;
4664-
overflow: hidden;
4667+
overflow-y: auto;
4668+
overflow-x: hidden;
46654669
display: flex;
46664670
border-right: 1px solid #f0f0f0;
46674671
flex-direction: column;
4672+
min-height: 0;
46684673
}
46694674

46704675
.catgirl-panel-wrapper.card-only.phase-expand .catgirl-panel-card-image {
46714676
width: var(--panel-card-face-width);
46724677
height: var(--panel-card-face-height);
46734678
border-radius: 0;
4679+
align-self: center;
46744680
flex-shrink: 0;
46754681
margin: 0;
46764682
box-shadow: none;
@@ -4695,6 +4701,7 @@ margin-top: 10px;
46954701
.catgirl-panel-wrapper.card-only .catgirl-panel-left,
46964702
.catgirl-panel-wrapper.card-only.phase-expand .catgirl-panel-left {
46974703
width: 100%;
4704+
min-width: 0;
46984705
height: auto;
46994706
max-height: 55vh;
47004707
overflow-y: visible;
@@ -6648,6 +6655,10 @@ margin-top: 10px;
66486655
transition: opacity 0.24s ease, transform 0.24s ease;
66496656
}
66506657

6658+
.catgirl-panel-wrapper.card-only.phase-expand .card-meta-block {
6659+
min-height: 72px;
6660+
}
6661+
66516662
.card-meta-block::-webkit-scrollbar {
66526663
width: 6px;
66536664
}
@@ -6784,12 +6795,20 @@ margin-top: 10px;
67846795
color: #fff;
67856796
cursor: pointer;
67866797
transition: filter 0.18s, transform 0.15s, box-shadow 0.18s;
6798+
min-width: 0;
67876799
}
67886800

67896801
.card-panel-action-btn svg {
67906802
flex-shrink: 0;
67916803
}
67926804

6805+
.card-panel-action-btn span {
6806+
min-width: 0;
6807+
overflow: hidden;
6808+
text-overflow: ellipsis;
6809+
white-space: nowrap;
6810+
}
6811+
67936812
.card-panel-action-btn.export-btn {
67946813
background: #40C5F1;
67956814
box-shadow: 0 2px 5px rgba(64, 197, 241, 0.3);

0 commit comments

Comments
 (0)