style(web): skip row-hover highlight on empty-state rows
Hovering the empty-state row in LiveLogs/Dashboard tables briefly lit the full-width td with the data-row glow. Tag the placeholder tr with .empty-row and scope the .logs-table hover rule to :not(.empty-row).
This commit is contained in:
@@ -372,7 +372,7 @@
|
|||||||
border-bottom: 1px solid rgba(48, 54, 61, 0.5);
|
border-bottom: 1px solid rgba(48, 54, 61, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.logs-table tr:hover {
|
.logs-table tr:not(.empty-row):hover {
|
||||||
background-color: rgba(0, 255, 65, 0.03);
|
background-color: rgba(0, 255, 65, 0.03);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -417,7 +417,7 @@ const Dashboard: React.FC<DashboardProps> = ({ searchQuery }) => {
|
|||||||
</tr>
|
</tr>
|
||||||
);
|
);
|
||||||
}) : (
|
}) : (
|
||||||
<tr>
|
<tr className="empty-row">
|
||||||
<td colSpan={6} style={{ padding: 0 }}>
|
<td colSpan={6} style={{ padding: 0 }}>
|
||||||
<EmptyState
|
<EmptyState
|
||||||
icon={Activity}
|
icon={Activity}
|
||||||
|
|||||||
@@ -360,7 +360,7 @@ const LiveLogs: React.FC = () => {
|
|||||||
</tr>
|
</tr>
|
||||||
);
|
);
|
||||||
}) : (
|
}) : (
|
||||||
<tr>
|
<tr className="empty-row">
|
||||||
<td colSpan={5}>
|
<td colSpan={5}>
|
||||||
<EmptyState
|
<EmptyState
|
||||||
icon={Radio}
|
icon={Radio}
|
||||||
|
|||||||
Reference in New Issue
Block a user