manager/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.style.ts at 621e2a43acfe867b67894a03c66287ddbb4c131f · abailly-akamai/manager · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import { makeStyles } from 'tss-react/mui';

import type { Theme } from '@mui/material/styles';

export const useStyles = makeStyles()((theme: Theme) => ({
  actionBtnsCtn: {
    display: 'flex',
    justifyContent: 'flex-end',
    marginTop: '10px',
    padding: `${theme.spacing(1)} 0`,
  },
  caCertBtn: {
    '& svg': {
      marginRight: theme.spacing(),
    },
    '&:hover': {
      backgroundColor: 'transparent',
      opacity: 0.7,
    },
    '&[disabled]': {
      '& g': {
        stroke: theme.tokens.color.Neutrals[30],
      },
      '&:hover': {
        backgroundColor: 'inherit',
        textDecoration: 'none',
      },
      // Override disabled background color defined for dark mode
      backgroundColor: 'transparent',
      color: theme.tokens.color.Neutrals[30],
      cursor: 'default',
    },
    color: theme.palette.primary.main,
    font: theme.font.bold,
    fontSize: '0.875rem',
    lineHeight: '1.125rem',
    marginLeft: theme.spacing(),
    minHeight: 'auto',
    minWidth: 'auto',
    padding: 0,
  },
  connectionDetailsCtn: {
    '& p': {
      lineHeight: '1.5rem',
    },
    '& span': {
      font: theme.font.bold,
    },
    background: theme.tokens.alias.Interaction.Background.Secondary,
    border: `1px solid ${
      theme.name === 'light'
        ? theme.tokens.color.Neutrals[40]
        : theme.tokens.color.Neutrals.Black
    }`,
    padding: `${theme.spacing(1)} 15px`,
  },
  copyToolTip: {
    '& svg': {
      color: theme.palette.primary.main,
      height: `${theme.spacing(2)} !important`,
      width: `${theme.spacing(2)} !important`,
    },
    marginRight: 12,
  },
  error: {
    color: theme.color.red,
    marginLeft: theme.spacing(2),
  },
  header: {
    marginBottom: theme.spacing(2),
  },
  inlineCopyToolTip: {
    '& svg': {
      height: theme.spacing(2),
      width: theme.spacing(2),
    },
    '&:hover': {
      backgroundColor: 'transparent',
    },
    display: 'inline-flex',
    marginLeft: theme.spacing(0.5),
  },
  progressCtn: {
    '& circle': {
      stroke: theme.palette.primary.main,
    },
    alignSelf: 'flex-end',
    marginBottom: 2,
    marginLeft: 22,
  },
  provisioningText: {
    font: theme.font.normal,
    fontStyle: 'italic',
  },
  showBtn: {
    color: theme.palette.primary.main,
    fontSize: '0.875rem',
    marginLeft: theme.spacing(),
    minHeight: 'auto',
    minWidth: 'auto',
    padding: 0,
  },
}));