fix(ui): ensure 5-row tracklist scroll and footer alignment
cx
This commit is contained in:
1 parent
6b107a8c57
commit
138f4388b7
1 file changed
+6
-6
@@ -379,8 +379,7 @@
|
||||
}
|
||||
|
||||
.track-table {
|
||||
--track-row-height: 24px;
|
||||
--track-row-pad-y: 6px;
|
||||
--track-row-height: 44px;
|
||||
border: 1px solid var(--bg-tertiary);
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
@@ -393,7 +392,7 @@
|
||||
display: grid;
|
||||
grid-template-columns: 90px 1fr 180px;
|
||||
align-items: stretch;
|
||||
min-height: calc(var(--track-row-height) + var(--track-row-pad-y) * 2);
|
||||
min-height: var(--track-row-height);
|
||||
}
|
||||
|
||||
.track-head {
|
||||
@@ -408,12 +407,12 @@
|
||||
}
|
||||
|
||||
.track-body {
|
||||
max-height: calc((var(--track-row-height) + var(--track-row-pad-y) * 2) * 5);
|
||||
max-height: calc(var(--track-row-height) * 5);
|
||||
overflow-y: auto;
|
||||
scroll-snap-type: y mandatory;
|
||||
scrollbar-gutter: stable;
|
||||
overscroll-behavior: contain;
|
||||
padding: 0;
|
||||
padding: 0 0 2px 0;
|
||||
}
|
||||
|
||||
.track-body .track-row {
|
||||
@@ -427,7 +426,7 @@
|
||||
|
||||
.cell {
|
||||
border-right: 1px solid var(--bg-tertiary);
|
||||
padding: var(--track-row-pad-y) 10px;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
@@ -517,6 +516,7 @@ input[type="number"] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.select-inline {
|
||||
|
||||
Reference in new issue
Block a user