Table UI fix and XLSX library fix
This commit is contained in:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user