improve styling (4)

This commit is contained in:
Chris Malone 2025-03-30 09:33:53 +11:00
parent e5da4fdab4
commit f1b1836a7a

View File

@ -2715,8 +2715,11 @@ def create_demo():
}
#queue_df th {
pointer-events: none;
text-align: center;
vertical-align: middle;
}
#queue_df table {
width: 100%;
overflow: hidden !important;
}
#queue_df::-webkit-scrollbar {
@ -2726,27 +2729,81 @@ def create_demo():
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
#queue_df th:nth-child(1),
#queue_df td:nth-child(1) {
width: 100px;
width: 90px;
text-align: center;
vertical-align: middle;
}
#queue_df th:nth-child(1) {
font-size: 0.8em;
}
#queue_df th:nth-child(2),
#queue_df td:nth-child(2) {
width: 85px;
text-align: center;
vertical-align: middle;
}
#queue_df th:nth-child(2) {
font-size: 0.5em;
}
#queue_df th:nth-child(3),
#queue_df td:nth-child(3) {
width: 75px;
text-align: center;
vertical-align: middle;
}
#queue_df th:nth-child(3) {
font-size: 0.6em;
}
#queue_df th:nth-child(4),
#queue_df td:nth-child(4) {
width: 65px;
text-align: center;
white-space: nowrap;
}
#queue_df th:nth-child(4) {
font-size: 0.9em;
}
#queue_df th:nth-child(5),
#queue_df td:nth-child(5) {
width: 60px;
text-align: center;
white-space: nowrap;
}
#queue_df th:nth-child(6),
#queue_df td:nth-child(6) {
width: auto;
text-align: center;
white-space: normal;
}
#queue_df th:nth-child(6) {
font-size: 0.8em;
}
#queue_df th:nth-child(7), #queue_df td:nth-child(7),
#queue_df th:nth-child(8), #queue_df td:nth-child(8) {
width: 60px;
text-align: center;
vertical-align: middle;
}
#queue_df td:nth-child(7) img,
#queue_df td:nth-child(8) img,
#queue_df td:nth-child(8) img {
max-width: 50px;
max-height: 50px;
object-fit: contain;
display: block;
margin: auto;
margin: auto;
cursor: pointer;
text-align: center;
}
#queue_df td:nth-child(9),
#queue_df td:nth-child(10),
#queue_df td:nth-child(11) {
width: 60px;
#queue_df th:nth-child(9), #queue_df td:nth-child(9),
#queue_df th:nth-child(10), #queue_df td:nth-child(10),
#queue_df th:nth-child(11), #queue_df td:nth-child(11) {
width: 20px;
padding: 2px !important;
cursor: pointer;
text-align: center;
font-weight: bold;
vertical-align: middle;
}
#queue_df td:nth-child(7):hover,
#queue_df td:nth-child(8):hover,