Fix most recent row highlighting by increasing CSS specificity
The light green background for the most recent data row wasn't displaying because Bootstrap's table striping was overriding it. Changed CSS from targeting the row to targeting individual cells: - .table .most-recent-row td - .table-striped .most-recent-row td Both with !important to override Bootstrap's table styles. Now the first row correctly displays with light green background. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -27,7 +27,10 @@
|
|||||||
z-index: 1040;
|
z-index: 1040;
|
||||||
}
|
}
|
||||||
/* Highlight most recent data row with light green background */
|
/* Highlight most recent data row with light green background */
|
||||||
.most-recent-row {
|
.table .most-recent-row td {
|
||||||
|
background-color: #d4edda !important;
|
||||||
|
}
|
||||||
|
.table-striped .most-recent-row td {
|
||||||
background-color: #d4edda !important;
|
background-color: #d4edda !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user