github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-08-23 11:56:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): tweak border style

Browse Source
This commit is contained in:
Łukasz Mierzwa
2021-12-19 18:34:12 +00:00
committed by Łukasz Mierzwa
parent bf9478c09b
commit 2da69e1cb4
8 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.tsx.snap
+2 -2
View File
@@ -125,7 +125,7 @@ exports[`<Alert /> matches snapshot when inhibited 1`] = `
href=\\"http://localhost\\"
target=\\"_blank\\"
rel=\\"noopener noreferrer\\"
class=\\"components-label components-label-with-hover badge border border-secondary components-grid-annotation-link\\"
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
>
<svg
aria-hidden=\\"true\\"
@@ -254,7 +254,7 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
href=\\"http://localhost\\"
target=\\"_blank\\"
rel=\\"noopener noreferrer\\"
class=\\"components-label components-label-with-hover badge border border-secondary components-grid-annotation-link\\"
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
>
<svg
aria-hidden=\\"true\\"
ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.tsx.snap
+1 -1
View File
@@ -6,7 +6,7 @@ exports[`<RenderLinkAnnotation /> matches snapshot 1`] = `
href=\\"http://localhost/foo\\"
target=\\"_blank\\"
rel=\\"noopener noreferrer\\"
class=\\"components-label components-label-with-hover badge border border-secondary components-grid-annotation-link\\"
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
>
<svg
aria-hidden=\\"true\\"
ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.tsx
+1 -1
View File
@@ -90,7 +90,7 @@ const RenderLinkAnnotation: FC<{
href={value}
target="_blank"
rel="noopener noreferrer"
className="components-label components-label-with-hover badge border border-secondary components-grid-annotation-link"
className="components-label components-label-with-hover badge border components-grid-annotation-link"
>
<FontAwesomeIcon icon={faExternalLinkAlt} /> {name}
</a>
ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.tsx.snap
+2 -2
View File
@@ -100,7 +100,7 @@ exports[`<GroupFooter /> matches snapshot 1`] = `
href=\\"http://link.example.com\\"
target=\\"_blank\\"
rel=\\"noopener noreferrer\\"
class=\\"components-label components-label-with-hover badge border border-secondary components-grid-annotation-link\\"
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
>
<svg
aria-hidden=\\"true\\"
@@ -224,7 +224,7 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
href=\\"http://link.example.com\\"
target=\\"_blank\\"
rel=\\"noopener noreferrer\\"
class=\\"components-label components-label-with-hover badge border border-secondary components-grid-annotation-link\\"
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
>
<svg
aria-hidden=\\"true\\"
ui/src/Components/ManagedSilence/__snapshots__/index.test.tsx.snap
+1 -1
View File
@@ -256,7 +256,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
href=\\"http://example.com/#/silences/04d37636-2350-4878-b382-e0b50353230f\\"
target=\\"_blank\\"
rel=\\"noopener noreferrer\\"
class=\\"components-label components-label-with-hover badge border border-secondary components-grid-annotation-link\\"
class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
>
<svg
aria-hidden=\\"true\\"
ui/src/Styles/Components/_Annotation.scss
+3
View File
@@ -6,6 +6,9 @@
.components-grid-annotation-link {
text-decoration: none;
color: $link-color;
&.border {
border-color: $annotation-link-border !important;
}
}
.components-grid-annotation-link:hover {
text-decoration: none;
ui/src/Styles/DarkTheme.scss
+1
View File
@@ -90,6 +90,7 @@ $placeholder-color: $gray-600;
$filterinput-border: $navbar-dark-color;
$grid-swimlane-bg: lighten($dark, 2%);
$bg-focused: darken($blue, 5%);
$annotation-link-border: $secondary;
$components-date-range-today-color: $white;
$components-date-range-sub-color: $white;
ui/src/Styles/LightTheme.scss
+1
View File
@@ -71,6 +71,7 @@ $placeholder-color: $secondary;
$filterinput-border: $navbar-dark-color;
$grid-swimlane-bg: lighten($dark, 2%);
$bg-focused: lighten($blue, 5%);
$annotation-link-border: $light;
$components-date-range-today-color: $black;
$components-date-range-sub-color: $black;