JoshBaneyCS/Heat-Tracker
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update public/styles.css

Browse Source
This commit is contained in:
JoshBaneyCS 2025-04-30 10:20:54 +00:00
parent 74afbbb574
commit cc592cbffa
1 changed files with 4 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
public/styles.css
View File

@ -295,23 +295,13 @@ legend {
.sortable.desc::after { content: '▼'; } .sortable.desc::after { content: '▼'; }
/* ─── Trends Chart & Table ─────────────────────────────────────────────────── */ /* ─── Trends Chart & Table ─────────────────────────────────────────────────── */
/* Spreadsheet-style Trends table */
/* Chart area */
#chart-container {
height: 50vh;
width: 100%;
margin-bottom: 2rem;
}
/* Table wrapper: scrollable pane */
#trends-table-container { #trends-table-container {
max-height: 40vh; max-height: 50vh; /* adjust as needed */
overflow: auto; overflow: auto;
border: 1px solid #ddd; border: 1px solid #ddd;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
/* Spreadsheet-style table */
#trends-table { #trends-table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
@ -322,7 +312,6 @@ legend {
padding: 8px; padding: 8px;
text-align: center; text-align: center;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
font-size: 0.95rem;
} }
#trends-table thead th { #trends-table thead th {
position: sticky; position: sticky;
@ -332,11 +321,11 @@ legend {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
} }
/* Zebra striping */ /* zebra striping */
#trends-table tbody tr:nth-child(even) { #trends-table tbody tr:nth-child(even) {
background: #fafafa; background: #fafafa;
} }
/* Sort arrow indicators */ /* sort arrow indicators */
.sortable::after { .sortable::after {
content: '▲▼'; content: '▲▼';
font-size: 0.6em; font-size: 0.6em;
@ -349,22 +338,3 @@ legend {
.sortable.desc::after { .sortable.desc::after {
content: '▼'; content: '▼';
} }
/* ================= TOOLTIP ================= */
.tooltip {
position: absolute;
pointer-events: none;
background: rgba(0,0,0,0.75);
color: #fff;
padding: 8px;
border-radius: 4px;
font-size: 0.9rem;
line-height: 1.2;
display: none;
z-index: 2000;
}
/* ================= UTILITY ================= */
.hidden {
display: none !important;
}