Stop dashboard panel errors from visually overflowing their containers (#17214)

This commit is contained in:
Chris Davies 2018-03-19 10:01:05 -07:00 committed by GitHub
parent 791215584c
commit f736c4b930
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 1 deletions

View file

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
export function PanelError({ error }) {
return (
<div className="load-error">
<div className="load-error panel-content">
<span aria-hidden="true" className="kuiIcon fa-exclamation-triangle"/>
<span>{error}</span>
</div>

View file

@ -362,6 +362,7 @@ dashboard-viewport-provider {
flex: 1 0 auto;
justify-content: center;
flex-direction: column;
overflow: auto;
.fa-exclamation-triangle {
font-size: 2em;