ui/react-components/src/analysis/style.js at master · ash3rz/ui · 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
import { palette } from "@cyverse-de/ui-lib";

export default (theme) => ({
    table: {
        overflow: "auto",
        height: "80%",
        width: "100%",
    },
    container: {
        width: "100%",
        height: "100%",
        marginTop: 0,
        overflow: "auto",
    },
    toolbarButton: {
        marginRight: 10,
        marginLeft: 10,
        textTransform: "none",
        fontSize: 10,
    },
    toolbar: {
        backgroundColor: palette.lightGray,
        borderBottom: "solid 2px",
        borderColor: palette.gray,
        height: 55,
    },
    dialogCloseButton: {
        position: "absolute",
        right: 0,
        top: 10,
        color: palette.white,
    },
    analysisName: {
        fontSize: 12,
        "&:hover": {
            textDecoration: "underline",
            cursor: "pointer",
        },
    },
    interactiveButton: {
        color: palette.darkBlue,
        "&:hover": {
            cursor: "pointer",
        },
    },
    menuItem: {
        fontSize: 10,
        padding: 5,
    },
    cellText: {
        fontSize: 12,
    },
    toolbarItemColor: {
        color: palette.darkBlue,
    },
    inputType: {
        cursor: "pointer",
        textDecoration: "underline",
        textOverflow: "ellipsis",
    },
    otherType: {
        whiteSpace: "pre-wrap",
    },
    dropDown: {
        margin: 3,
        height: 40,
        flexDirection: "unset",
    },
    dropDownLabel: {
        paddingLeft: 5,
        fontSize: 10,
    },
    heading: {
        fontSize: theme.typography.pxToRem(15),
        flexBasis: "33.33%",
        flexShrink: 0,
    },
    secondaryHeading: {
        fontSize: theme.typography.pxToRem(15),
        color: theme.palette.text.secondary,
    },
    analysisInfoFont: {
        fontSize: 11,
    },
    expansionPanelDetails: {
        display: "block",
    },
    copyAnalysisId: {
        paddingBottom: "20px",
    },
});