diff --git a/pkg/ui/src/components/anchor/anchor.module.styl b/pkg/ui/src/components/anchor/anchor.module.styl index aecf993ce8df..68b4266045d4 100644 --- a/pkg/ui/src/components/anchor/anchor.module.styl +++ b/pkg/ui/src/components/anchor/anchor.module.styl @@ -12,5 +12,7 @@ .crl-anchor color $colors--link + fill $colors--link &:hover color $colors--info-4 + fill $colors--info-4 diff --git a/pkg/ui/src/components/button/button.module.styl b/pkg/ui/src/components/button/button.module.styl index ce965892bfd7..8550a3e285a5 100644 --- a/pkg/ui/src/components/button/button.module.styl +++ b/pkg/ui/src/components/button/button.module.styl @@ -19,9 +19,11 @@ border solid 1px transparent background-color transparent color $colors--primary-blue-3 + fill $colors--primary-blue-3 &:hover color $colors--primary-blue-4 + fill $colors--primary-blue-4 &:active border solid 2px $colors--primary-blue-1 @@ -32,6 +34,7 @@ &.crl-button--disabled color $colors--neutral-4 + fill $colors--neutral-4 pointer-events none cursor default @@ -43,6 +46,7 @@ line-height 22px letter-spacing 0.1px color $colors--neutral-7 + fill $colors--neutral-7 &:hover text-decoration underline diff --git a/pkg/ui/src/views/statements/diagnostics/diagnosticsView.module.styl b/pkg/ui/src/views/statements/diagnostics/diagnosticsView.module.styl index f1b938c44992..14d7f4c19d46 100644 --- a/pkg/ui/src/views/statements/diagnostics/diagnosticsView.module.styl +++ b/pkg/ui/src/views/statements/diagnostics/diagnosticsView.module.styl @@ -44,7 +44,7 @@ &__icon display inline-block - color inherit + fill inherit font-style normal line-height 0 text-align center diff --git a/pkg/ui/src/views/statements/diagnostics/diagnosticsView.tsx b/pkg/ui/src/views/statements/diagnostics/diagnosticsView.tsx index 125991d35903..525ddfa5704a 100644 --- a/pkg/ui/src/views/statements/diagnostics/diagnosticsView.tsx +++ b/pkg/ui/src/views/statements/diagnostics/diagnosticsView.tsx @@ -33,10 +33,7 @@ import { selectDiagnosticsReportsCountByStatementFingerprint, } from "src/redux/statements/statementsSelectors"; import { createStatementDiagnosticsReportAction } from "src/redux/statements"; -import { trustIcon } from "src/util/trust"; - import { DiagnosticStatusBadge } from "./diagnosticStatusBadge"; -import DownloadIcon from "!!url-loader!assets/download.svg"; import EmptyListIcon from "!!url-loader!assets/emptyState/empty-list-results.svg"; import styles from "./diagnosticsView.module.styl"; import { cockroach } from "src/js/protos"; @@ -47,6 +44,7 @@ import { statementDiagnostics } from "src/util/docs"; import { createStatementDiagnosticsAlertLocalSetting } from "src/redux/alerts"; import { trackActivateDiagnostics, trackDownloadDiagnosticsBundle } from "src/util/analytics"; import { EmptyTable } from "@cockroachlabs/admin-ui-components"; +import { Download } from "@cockroachlabs/icons"; interface DiagnosticsViewOwnProps { statementFingerprint?: string; @@ -98,22 +96,17 @@ export class DiagnosticsView extends React.Component - trackDownloadDiagnosticsBundle(record.statement_fingerprint)}> - + ); }