Table UI fix and XLSX library fix

This commit is contained in:
2026-04-01 20:12:19 -05:00
parent 6ee62c2225
commit f47385abdc
3 changed files with 105 additions and 13 deletions

View File

@@ -197,4 +197,92 @@
html {
font-size: var(--font-size);
}
.table-scroll {
overflow: scroll;
flex: 1;
}
.table-scroll::-webkit-scrollbar {
width: 14px;
height: 14px;
}
.table-scroll::-webkit-scrollbar-track {
background: var(--muted);
border: 1px solid var(--border);
}
.table-scroll::-webkit-scrollbar-thumb {
background: var(--muted-foreground);
border: 1px solid var(--border);
border-radius: 999px;
min-width: 30px;
min-height: 30px;
}
.table-scroll::-webkit-scrollbar-thumb:hover {
background: var(--foreground);
}
/* Hide all buttons by default, then selectively show the correct one per end */
.table-scroll::-webkit-scrollbar-button {
display: none;
}
/* Up arrow — top of vertical bar */
.table-scroll::-webkit-scrollbar-button:vertical:decrement:start {
display: block;
background: var(--muted);
border: 1px solid var(--border);
border-radius: 999px 999px 0 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 2 L7 6 L1 6 Z' fill='%23666'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 8px 8px;
}
/* Down arrow — bottom of vertical bar */
.table-scroll::-webkit-scrollbar-button:vertical:increment:end {
display: block;
background: var(--muted);
border: 1px solid var(--border);
border-radius: 0 0 999px 999px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 6 L7 2 L1 2 Z' fill='%23666'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 8px 8px;
}
/* Left arrow — left end of horizontal bar */
.table-scroll::-webkit-scrollbar-button:horizontal:decrement:start {
display: block;
background: var(--muted);
border: 1px solid var(--border);
border-radius: 999px 0 0 999px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2 4 L6 1 L6 7 Z' fill='%23666'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 8px 8px;
}
/* Right arrow — right end of horizontal bar */
.table-scroll::-webkit-scrollbar-button:horizontal:increment:end {
display: block;
background: var(--muted);
border: 1px solid var(--border);
border-radius: 0 999px 999px 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M6 4 L2 1 L2 7 Z' fill='%23666'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 8px 8px;
}
.table-scroll::-webkit-scrollbar-button:hover {
background: var(--border);
}
.table-scroll::-webkit-scrollbar-corner {
background: transparent;
}