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

chore(ui): make link annotations look more like links and less like labels

Browse Source
This commit is contained in:
Łukasz Mierzwa
2018-09-16 21:47:11 +01:00
parent 290bb1c9d0
commit 32b7e494fd
5 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap
View File

@@ -71,7 +71,7 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
<a href=\\"http://localhost\\"
target=\\"_blank\\"
rel=\\"noopener noreferrer\\"
class=\\"components-label-with-hover text-nowrap text-truncate badge badge-secondary mr-1\\"
class=\\"components-label-with-hover text-nowrap text-truncate badge mr-1 components-grid-annotation-link\\"
>
<svg aria-hidden=\\"true\\"
data-prefix=\\"fas\\"

2
ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap
View File

@@ -5,7 +5,7 @@ exports[`<RenderLinkAnnotation /> matches snapshot 1`] = `
<a href=\\"http://localhost/foo\\"
target=\\"_blank\\"
rel=\\"noopener noreferrer\\"
class=\\"components-label-with-hover text-nowrap text-truncate badge badge-secondary mr-1\\"
class=\\"components-label-with-hover text-nowrap text-truncate badge mr-1 components-grid-annotation-link\\"
>
<svg aria-hidden=\\"true\\"
data-prefix=\\"fas\\"

7
ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.css
View File

@@ -1,3 +1,10 @@
.components-grid-annotation {
font-size: 90%;
}
.components-grid-annotation-link {
text-decoration: underline;
}
.components-grid-annotation-link:hover {
text-decoration: underline;
}

2
ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js
View File

@@ -97,7 +97,7 @@ const RenderLinkAnnotation = ({ name, value }) => {
href={value}
target="_blank"
rel="noopener noreferrer"
className="components-label-with-hover text-nowrap text-truncate badge badge-secondary mr-1"
className="components-label-with-hover text-nowrap text-truncate badge mr-1 components-grid-annotation-link"
>
<FontAwesomeIcon icon={faExternalLinkAlt} /> {name}
</a>

2
ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
View File

@@ -57,7 +57,7 @@ exports[`<GroupFooter /> matches snapshot 1`] = `
<a href=\\"http://link.example.com\\"
target=\\"_blank\\"
rel=\\"noopener noreferrer\\"
class=\\"components-label-with-hover text-nowrap text-truncate badge badge-secondary mr-1\\"
class=\\"components-label-with-hover text-nowrap text-truncate badge mr-1 components-grid-annotation-link\\"
>
<svg aria-hidden=\\"true\\"
data-prefix=\\"fas\\"