/
customTabsStyle.jsx
60 lines (59 loc) · 1.33 KB
/
customTabsStyle.jsx
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
const customTabsStyle = {
cardTitle: {
float: "left",
padding: "10px 10px 10px 0px",
lineHeight: "24px"
},
cardTitleRTL: {
float: "right",
padding: "10px 0px 10px 10px !important"
},
displayNone: {
display: "none !important"
},
tabsRoot: {
minHeight: "unset !important"
},
tabRootButton: {
minHeight: "unset !important",
minWidth: "unset !important",
width: "unset !important",
height: "unset !important",
maxWidth: "unset !important",
maxHeight: "unset !important",
padding: "10px 15px",
borderRadius: "3px",
lineHeight: "24px",
border: "0 !important",
color: "#fff !important",
marginLeft: "4px",
"&:last-child": {
marginLeft: "0px"
}
},
tabLabelContainer: {
padding: "0px"
},
tabLabel: {
fontWeight: "500",
fontSize: "12px"
},
tabSelected: {
backgroundColor: "rgba(255, 255, 255, 0.2)",
transition: "0.2s background-color 0.1s"
},
tabWrapper: {
display: "inline-block",
minHeight: "unset !important",
minWidth: "unset !important",
width: "unset !important",
height: "unset !important",
maxWidth: "unset !important",
maxHeight: "unset !important",
"& > svg,& > .material-icons": {
verticalAlign: "middle",
margin: "-1px 5px 0 0"
}
}
};
export default customTabsStyle;