Semi-stable version with old variable names
This commit is contained in:
@@ -0,0 +1,125 @@
|
||||
|
||||
:root {
|
||||
--sb-bg: #f8fafc;
|
||||
--sb-card-bg: #ffffff;
|
||||
--sb-text-main: #36454F;
|
||||
--sb-text-muted: #64748b;
|
||||
--sb-primary: #1e40af; /* Deep athletic blue */
|
||||
--sb-accent: #2563eb; /* Vivid score blue */
|
||||
--sb-border: #e2e8f0;
|
||||
--sb-hover: #f3f3f3;
|
||||
--sb-radius: 12px;
|
||||
--font-numeric: 'Courier New', Courier, monospace; /* Clean alignment for scores */
|
||||
--padding-td: clamp(3px, 2.5vh, 12px) clamp(4px, 2vw, 20px);
|
||||
--padding-th: clamp(2px, 1.5vh, 6px) clamp(4px, 2vw, 20px);
|
||||
}
|
||||
|
||||
|
||||
/* Base Table Styling */
|
||||
.customDisplayEditorTable {
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
||||
font-size: 0.95rem;
|
||||
color: var(--sb-text-main);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.customDisplayEditorTable th {
|
||||
color: #1e293b;
|
||||
border-bottom: solid 1px #1e293b;
|
||||
font-weight: 600;
|
||||
font-size: 0.9rem;
|
||||
letter-spacing: 0.05em;
|
||||
padding: var(--padding-th);
|
||||
white-space: nowrap;
|
||||
position: sticky;
|
||||
background-color: #fff;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.customDisplayEditorTable th sup {
|
||||
font-size: 0.65rem;
|
||||
margin-left: 2px;
|
||||
vertical-align: super;
|
||||
}
|
||||
|
||||
.customDisplayEditorTable td {
|
||||
padding: var(--padding-td);
|
||||
border-bottom: 1px solid var(--sb-border);
|
||||
vertical-align: middle;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
.customDisplayEditorTable tbody > tr:nth-child(even) td {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
.customDisplayEditorTable tbody > tr:hover td {
|
||||
background-color: var(--sb-hover) !important;
|
||||
}
|
||||
|
||||
|
||||
.customDisplayEditorTable td {
|
||||
color: var(--sb-text-main);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
||||
.customDisplayEditorTable td.changebleValue {
|
||||
font-family: var(--font-numeric);
|
||||
font-size: 1.05rem;
|
||||
color: var(--sb-text-main);
|
||||
background-color: rgb(37 99 235 / 0.02);
|
||||
}
|
||||
|
||||
.customDisplayEditorTable tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.changebleValue.updated {
|
||||
animation: flashHighlight 3.5s ease-out;
|
||||
}
|
||||
|
||||
@keyframes flashHighlight {
|
||||
0% { color: #00ff99; }
|
||||
100% { color: var(--sb-text-main); }
|
||||
}
|
||||
|
||||
.singleValueSpan[data-bold="true"] {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.staticText {
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.tdSpan {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.verticalLayoutEl {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.verticalLayoutElRow {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
}
|
||||
|
||||
.verticalLayoutEl .changebleValue {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.emtyPlaceholder {
|
||||
color: transparent;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.nonExistentEl {
|
||||
display: none !important;
|
||||
}
|
||||
Reference in New Issue
Block a user