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

Merge pull request #817 from prymitive/tweak-overview

Browse Source 
fix(ui): tweak display of labels on the overview modal
This commit is contained in:
Łukasz Mierzwa
2019-07-11 18:20:20 +01:00
committed by GitHub
parent c0c429bd5d 6201133df9
commit 2228f161ce
4 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Components/Labels/LabelWithPercent/__snapshots__/index.test.js.snap
View File

@@ -19,7 +19,7 @@ exports[`<MountedLabelWithPercent /> matches snapshot 1`] = `
bar
</span>
</span>
<div class=\\"progress silence-progress bg-white pr-1\\">
<div class=\\"progress components-labelWithPercent-progress mr-1\\">
<div class=\\"progress-bar bg-warning\\"
role=\\"progressbar\\"
style=\\"width: 50%;\\"

2
ui/src/Components/Labels/LabelWithPercent/index.js
View File

@@ -49,7 +49,7 @@ const LabelWithPercent = inject("alertStore")(
<span className="components-label-name">{name}:</span>{" "}
<span className="components-label-value">{value}</span>
</span>
<div className="progress silence-progress bg-white pr-1">
<div className="progress components-labelWithPercent-progress mr-1">
<div
className={`progress-bar ${progressBarBg}`}
role="progressbar"

8
ui/src/Components/Labels/LabelWithPercent/index.scss
View File

@@ -1,4 +1,12 @@
@import "~bootswatch/dist/flatly/variables";
.components-labelWithPercent-percent {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.components-labelWithPercent-progress {
height: 2px;
margin-top: 2px;
background-color: darken($light, 10%);
}

6
ui/src/Components/OverviewModal/__snapshots__/OverviewModalContent.test.js.snap
View File

@@ -51,7 +51,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
bar1
</span>
</span>
<div class=\\"progress silence-progress bg-white pr-1\\">
<div class=\\"progress components-labelWithPercent-progress mr-1\\">
<div class=\\"progress-bar bg-warning\\"
role=\\"progressbar\\"
style=\\"width: 50%;\\"
@@ -79,7 +79,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
bar2
</span>
</span>
<div class=\\"progress silence-progress bg-white pr-1\\">
<div class=\\"progress components-labelWithPercent-progress mr-1\\">
<div class=\\"progress-bar bg-success\\"
role=\\"progressbar\\"
style=\\"width: 25%;\\"
@@ -107,7 +107,7 @@ exports[`<OverviewModalContent /> matches snapshot with labels to show 1`] = `
bar3
</span>
</span>
<div class=\\"progress silence-progress bg-white pr-1\\">
<div class=\\"progress components-labelWithPercent-progress mr-1\\">
<div class=\\"progress-bar bg-success\\"
role=\\"progressbar\\"
style=\\"width: 25%;\\"