mirror of
https://github.com/prymitive/karma
synced 2026-05-05 03:16:51 +00:00
Merge pull request #707 from prymitive/fix-matcher-css
fix(ui): matcher badge and close icon css fixes
This commit is contained in:
@@ -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\\"
|
||||
|
||||
@@ -65,6 +65,7 @@ const ReactSelectStyles = {
|
||||
color: "#fff",
|
||||
backgroundColor: "inherit",
|
||||
opacity: "0.4",
|
||||
borderRadius: "inherit",
|
||||
"&:hover": {
|
||||
color: "#fff",
|
||||
backgroundColor: "inherit",
|
||||
|
||||
@@ -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\\"
|
||||
|
||||
@@ -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 />
|
||||
|
||||
@@ -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\\"
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user