lzstealth/pulse-signage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Fix admin table and playlist reorder UI

Browse Source
This commit is contained in:
lzstealth
2026-07-15 02:16:48 +01:00
parent b7f1d800ef
commit 8020a12408
3 changed files with 76 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/css/admin.css
+33 -32
View File
@@ -1094,6 +1094,13 @@ label {
color: var(--text);
}
label > input,
label > textarea,
label > select,
label > button {
margin-top: 6px;
}
input,
textarea,
select,
@@ -1101,7 +1108,6 @@ button {
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
margin-top: 6px;
border: 1px solid var(--border-strong);
border-radius: 12px;
font: inherit;
@@ -1619,7 +1625,8 @@ tbody tr:last-child td {
}
table.table-cards td[data-label="Actions"] {
width: 100%;
width: 1%;
white-space: nowrap;
}
table.table-cards td .actions {
@@ -1628,11 +1635,11 @@ tbody tr:last-child td {
}
table.table-cards td[data-label="Actions"] .actions {
display: flex;
flex-wrap: wrap;
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
width: 100%;
width: auto;
}
table.table-cards td[data-label="Actions"] .actions > * {
@@ -1662,7 +1669,7 @@ tbody tr:last-child td {
table.table-cards td[data-label="Actions"] .list-action {
display: inline-flex;
width: auto;
min-width: 96px;
min-width: 0;
white-space: nowrap;
}
@@ -1902,6 +1909,7 @@ table td .actions form {
height: 28px;
padding: 0;
border: 0;
margin: 0;
border-radius: 0;
color: var(--muted);
background: currentColor;
@@ -1948,33 +1956,26 @@ tr.sortable-drag {
background: var(--surface);
}
#playlist-items-body tr.sortable-drag {
display: flex;
align-items: stretch;
}
#playlist-items-body tr.sortable-drag > td {
display: flex;
flex: 0 0 auto;
align-items: center;
}
#playlist-items-body tr.sortable-drag .playlist-order-cell-inner {
height: 100%;
}
#playlist-items-body tr.sortable-drag .playlist-drag-handle {
align-self: center;
}
@media (min-width: 721px) {
table.table-cards tr > td:nth-child(1),
table.table-cards tr > th:nth-child(1) {
width: 1%;
white-space: nowrap;
}
table.table-cards tr > td:nth-child(2),
table.table-cards tr > th:nth-child(2) {
width: 36%;
}
table.table-cards tr > td:nth-child(3),
table.table-cards tr > th:nth-child(3) {
width: 36%;
}
table.table-cards tr > td:nth-child(4),
table.table-cards tr > th:nth-child(4) {
width: 10%;
}
table.table-cards tr > td:nth-child(5),
table.table-cards tr > th:nth-child(5) {
width: 1%;
white-space: nowrap;
}
}
.actions form {