Merge pull request #707 from prymitive/fix-matcher-css

fix(ui): matcher badge and close icon css fixes
This commit is contained in:
Łukasz Mierzwa
2019-05-11 23:47:34 +01:00
committed by GitHub
6 changed files with 10 additions and 9 deletions

View File

@@ -275,7 +275,7 @@ exports[`<CustomMultiSelect /> matches snapshot with isMulti=true and a value 1`
<div class=\\"css-xbn6jz react-select__multi-value__label\\">
foo
</div>
<div class=\\"css-n82uvk react-select__multi-value__remove\\">
<div class=\\"css-1ucqin4 react-select__multi-value__remove\\">
<svg height=\\"14\\"
width=\\"14\\"
viewbox=\\"0 0 20 20\\"

View File

@@ -65,6 +65,7 @@ const ReactSelectStyles = {
color: "#fff",
backgroundColor: "inherit",
opacity: "0.4",
borderRadius: "inherit",
"&:hover": {
color: "#fff",
backgroundColor: "inherit",

View File

@@ -9,7 +9,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
<div class=\\"css-xbn6jz react-select__multi-value__label\\">
am1 | am2
</div>
<div class=\\"css-n82uvk react-select__multi-value__remove\\">
<div class=\\"css-1ucqin4 react-select__multi-value__remove\\">
<svg height=\\"14\\"
width=\\"14\\"
viewbox=\\"0 0 20 20\\"
@@ -26,7 +26,7 @@ exports[`<AlertManagerInput /> matches snapshot 1`] = `
<div class=\\"css-xbn6jz react-select__multi-value__label\\">
am3
</div>
<div class=\\"css-n82uvk react-select__multi-value__remove\\">
<div class=\\"css-1ucqin4 react-select__multi-value__remove\\">
<svg height=\\"14\\"
width=\\"14\\"
viewbox=\\"0 0 20 20\\"

View File

@@ -103,8 +103,8 @@ const MatchCounter = observer(
return (
<TooltipWrapper title="Number of alerts matching this label">
<span
className="badge badge-light badge-pill"
style={{ fontSize: "85%" }}
className="badge badge-light badge-pill d-block"
style={{ fontSize: "85%", lineHeight: "1rem" }}
>
{this.matchedAlerts.total === null ? (
<FontAwesomeIcon icon={faSpinner} spin />

View File

@@ -9,8 +9,8 @@ exports[`<LabelValueInput /> matches snapshot 1`] = `
class
style=\\"display:inline-block;max-width:100%\\"
>
<span class=\\"badge badge-light badge-pill\\"
style=\\"font-size:85%\\"
<span class=\\"badge badge-light badge-pill d-block\\"
style=\\"font-size:85%;line-height:1rem\\"
>
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"

View File

@@ -8,8 +8,8 @@ exports[`<MatchCounter /> matches snapshot with empty matcher 1`] = `
aria-describedby=\\"tippy-tooltip-1\\"
data-original-title=\\"Number of alerts matching this label\\"
>
<span class=\\"badge badge-light badge-pill\\"
style=\\"font-size: 85%;\\"
<span class=\\"badge badge-light badge-pill d-block\\"
style=\\"font-size: 85%; line-height: 1rem;\\"
>
0
</span>