ruslan/Stend_mont
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: equal card height — categories always at bottom, comment clips to fill

Browse Source
This commit is contained in:
Ruslan
2026-04-28 12:33:12 +00:00
parent a64d49a8c1
commit 6ccba89216
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/style.css
+9 -4
View File
@@ -348,6 +348,7 @@ button {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0; gap: 0;
height: 100%;
} }
.svc-credentials { .svc-credentials {
background: linear-gradient(135deg, #edf5fc 0%, #e2eff8 100%); background: linear-gradient(135deg, #edf5fc 0%, #e2eff8 100%);
@@ -422,6 +423,7 @@ button {
border: 1px solid transparent; border: 1px solid transparent;
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
flex: 1; flex: 1;
min-height: 0;
} }
.tile:hover { .tile:hover {
transform: translateY(-2px); transform: translateY(-2px);
@@ -461,18 +463,21 @@ button {
} }
.tile-comment { .tile-comment {
display: block; display: block;
max-height: calc(1.35em * 15); flex: 1;
overflow-y: auto; min-height: 0;
overflow-x: hidden; overflow: hidden;
line-height: 1.35; line-height: 1.35;
padding-right: 0.2rem; padding-right: 0.2rem;
mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
} }
.tile-comment b, .tile-comment b,
.tile-comment strong { .tile-comment strong {
font-weight: 700; font-weight: 700;
} }
.service-categories { .service-categories {
margin-top: 0.7rem; margin-top: auto;
padding-top: 0.7rem;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.35rem; gap: 0.35rem;