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

Merge pull request #1028 from prymitive/silence-progress

Browse Source 
fix(ui): tweak css for silence submit errors
This commit is contained in:
Łukasz Mierzwa
2019-10-11 19:44:54 +01:00
committed by GitHub
parent e3bfa7aec3 2e1e41ff15
commit 52205d05e1
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ui/src/Components/SilenceModal/SilenceSubmit/SilenceSubmitProgress.js
View File

@@ -173,12 +173,20 @@ const SilenceSubmitProgress = observer(
const { cluster } = this.props;
return (
<div className="d-flex">
<div className="p-2 flex-fill">
<div className="d-flex mb-2">
<div className="p-2 flex-fill my-auto flex-grow-0 flex-shrink-0">
<SubmitIcon stateValue={this.submitState.value} />
</div>
<div className="p-2 flex-fill">{cluster}</div>
<div className="p-2 flex-fill">{this.submitState.result}</div>
<div className="p-2 mr-1 flex-fill my-auto flex-grow-0 flex-shrink-0">
{cluster}
</div>
<div
className={`p-2 flex-fill flex-grow-1 flex-shrink-1 rounded ${
this.submitState.value === SubmitState.Failed ? "bg-light" : ""
}`}
>
{this.submitState.result}
</div>
</div>
);
}