github
/
prometheus
mirror of https://github.com/prometheus/prometheus
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Avoid overflow on /rules page (#8608) 

If I have a rule with a very long name it will force the table to be wider then the viewport.
This forces the browser to wrap long rule names and uses smaller font, to avoid having overflow.

Signed-off-by: Łukasz Mierzwa <l.mierzwa@gmail.com>
pull/8614/head
Łukasz Mierzwa 2021-03-17 09:15:58 +00:00 committed by GitHub
parent 8ca29cb636
commit 36417663ea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/ui/react-app/src/pages/rules/RulesContent.tsx
View File

@ -61,14 +61,16 @@ export const RulesContent: FC<RouteComponentProps & RulesContentProps> = ({ resp
<tr>
<td colSpan={3}>
<a href={'#' + g.name}>
<h2 id={g.name}>{g.name}</h2>
<h4 id={g.name} className="text-break">
{g.name}
</h4>
</a>
</td>
<td>
<h2>{formatRelative(g.lastEvaluation, now())}</h2>
<h4>{formatRelative(g.lastEvaluation, now())}</h4>
</td>
<td>
<h2>{humanizeDuration(parseFloat(g.evaluationTime) * 1000)}</h2>
<h4>{humanizeDuration(parseFloat(g.evaluationTime) * 1000)}</h4>
</td>
</tr>
</thead>