github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-07 03:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): tweak css for ErrorBoundary component

Browse Source
This commit is contained in:
Łukasz Mierzwa
2019-12-20 23:00:05 +00:00
parent 230f56c9d1
commit 95c036be5c
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Components/Grid/index.stories.js
View File

@@ -18,7 +18,7 @@ storiesOf("Grid", module)
.add("InternalError", () => {
return (
<InternalError
message="React error boundary message"
message="React error boundary message with a veryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrapping"
secondsLeft={45}
progressLeft={66}
/>

8
ui/src/ErrorBoundary.tsx
View File

@@ -17,13 +17,13 @@ interface InternalErrorProps {
}
const InternalError: StatelessComponent<InternalErrorProps> = props => (
<div className="jumbotron text-center bg-primary my-4">
<div className="container-fluid">
<h1 className="display-1 my-5">
<div className="text-placeholder screen-center">
<div className="container-fluid text-center">
<h1 className="display-1">
<FontAwesomeIcon className="text-danger mr-4" icon={faBomb} />
<span className="text-muted">Internal error</span>
</h1>
<p className="lead text-white bg-secondary px-1 py-3 rounded">
<p className="lead text-white bg-secondary p-3 rounded text-wrap text-break">
{props.message}
</p>
<p className="text-muted d-inline-block">

8
ui/src/__snapshots__/ErrorBoundary.test.js.snap
View File

@@ -2,9 +2,9 @@
exports[`<ErrorBoundary /> matches snapshot 1`] = `
"
<div class=\\"jumbotron text-center bg-primary my-4\\">
<div class=\\"container-fluid\\">
<h1 class=\\"display-1 my-5\\">
<div class=\\"text-placeholder screen-center\\">
<div class=\\"container-fluid text-center\\">
<h1 class=\\"display-1\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"
@@ -23,7 +23,7 @@ exports[`<ErrorBoundary /> matches snapshot 1`] = `
Internal error
</span>
</h1>
<p class=\\"lead text-white bg-secondary px-1 py-3 rounded\\">
<p class=\\"lead text-white bg-secondary p-3 rounded text-wrap text-break\\">
Error: Error thrown from problem child
</p>
<p class=\\"text-muted d-inline-block\\">