-
Notifications
You must be signed in to change notification settings - Fork 48
/
feathergrid.css
142 lines (121 loc) · 4.44 KB
/
feathergrid.css
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
:root {
--ipydatagrid-ui-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--ipydatagrid-ui-font-size0: 0.83333em;
--ipydatagrid-ui-font-size1: 13px; /* Base font size */
--ipydatagrid-ui-font-size2: 1.2em;
--ipydatagrid-ui-font-size3: 1.44em;
--ipydatagrid-padding: 3px;
--ipydatagrid-filter-dialog-width: 220px;
--ipydatagrid-filter-icon-light: url('icons/filter.svg');
--ipydatagrid-sort-asc-icon-light: url('icons/arrow-up-short.svg');
--ipydatagrid-sort-desc-icon-light: url('icons/arrow-down-short.svg');
--ipydatagrid-filter-icon-dark: url('icons/filter-dark.svg');
--ipydatagrid-sort-asc-icon-dark: url('icons/arrow-up-short-dark.svg');
--ipydatagrid-sort-desc-icon-dark: url('icons/arrow-down-short-dark.svg');
--ipydatagrid-filter-icon: var(--ipydatagrid-filter-icon-light);
--ipydatagrid-sort-asc-icon: var(--ipydatagrid-sort-asc-icon-light);
--ipydatagrid-sort-desc-icon: var(--ipydatagrid-sort-desc-icon-light);
--ipydatagrid-layout-color0: white;
--ipydatagrid-layout-color1: white;
--ipydatagrid-layout-color2: #eeeeee;
--ipydatagrid-layout-color3: #bdbdbd;
--ipydatagrid-layout-color4: #757575;
--ipydatagrid-ui-font-color0: rgba(0, 0, 0, 1);
--ipydatagrid-ui-font-color1: rgba(0, 0, 0, 0.87);
--ipydatagrid-ui-font-color2: rgba(0, 0, 0, 0.54);
--ipydatagrid-ui-font-color3: rgba(0, 0, 0, 0.38);
--ipydatagrid-border-color0: #bdbdbd;
--ipydatagrid-border-color1: #bdbdbd;
--ipydatagrid-border-color2: #e0e0e0;
--ipydatagrid-border-color3: #eeeeee;
--ipydatagrid-brand-color0: #1976d2;
--ipydatagrid-brand-color1: #2196f3;
--ipydatagrid-brand-color2: #64b5f6;
--ipydatagrid-brand-color3: #bbdefb;
--ipydatagrid-brand-color4: #e3f2fd;
--ipydatagrid-brand-color5: #00e6ff;
--ipydatagrid-brand-color6: #ffe100;
--ipydatagrid-brand-color7: #009eb0;
--ipydatagrid-brand-color8: #b09b00;
--ipydatagrid-menu-bgcolor: white;
--ipydatagrid-menu-border-color: #bdbdbd;
--ipydatagrid-filter-dlg-textcolor: black;
--ipydatagrid-filter-dlg-bgcolor: white;
}
.ipydatagrid-widget {
width: 100%;
height: 100%;
font-family: var(--ipydatagrid-ui-font-family);
font-size: var(--ipydatagrid-ui-font-size1);
}
.ipydatagrid-widget > div {
width: 100%;
height: 100%;
padding: var(--ipydatagrid-padding);
border: none;
font-family: "Lato", Helvetica, sans-serif;
}
.lm-DataGrid-cellEditorOccluder {
margin: var(--ipydatagrid-padding);
}
.ipydatagrid-filterMenu {
font-family: var(--ipydatagrid-ui-font-family);
font-size: var(--ipydatagrid-ui-font-size1);
border: 1px solid var(--ipydatagrid-menu-border-color, #bdbdbd);
box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
background: var(--ipydatagrid-menu-bgcolor, white);
z-index: 10;
padding: 5px;
min-height: 143px;
}
.ipydatagrid-filterMenu select, .ipydatagrid-filterMenu input, .ipydatagrid-filterMenu button {
color: var(--ipydatagrid-ui-font-color0, black) !important;
background: var(--ipydatagrid-menu-bgcolor, white);
font-size: var(--ipydatagrid-ui-font-size1);
}
.ipydatagrid-filterMenuIcon {
background-size: 21px;
background-repeat: no-repeat;
}
.ipydatagrid-filterMenuIcon-filter {
background-image: var(--ipydatagrid-filter-icon);
}
.ipydatagrid-filterMenuIcon-sortAsc {
background-image: var(--ipydatagrid-sort-asc-icon);
}
.ipydatagrid-filterMenuIcon-sortDesc {
background-image: var(--ipydatagrid-sort-desc-icon);
}
.ipydatagrid-unique-value-grid {
min-height: 165px;
min-width: var(--ipydatagrid-filter-dialog-width);
z-index: 1;
}
.ipydatagrid-filter-title {
min-height: 25px;
min-width: var(--ipydatagrid-filter-dialog-width);
}
.ipydatagrid-filter-apply {
min-height: 20px;
}
.ipydatagrid-filter-condition-select {
min-height: 35px;
min-width: var(--ipydatagrid-filter-dialog-width);
}
.ipydatagrid-context-menu {
border: 1px solid var(--ipydatagrid-menu-border-color, #bdbdbd);
background-color: var(--ipydatagrid-menu-bgcolor, white) !important;
color: var(--ipydatagrid-ui-font-color0, black) !important;
font-family: var(--ipydatagrid-ui-font-family);
font-size: var(--ipydatagrid-ui-font-size1);
padding-top: 7px;
padding-bottom: 4px;
padding-left: 3px;
}
.ipydatagrid-context-menu .lm-Menu-item.lm-mod-active, .ipydatagrid-context-menu .p-Menu-item.p-mod-active {
background-color: var(--ipydatagrid-layout-color2);
}
.ipydatagrid-text-input-filter {
transform: translate(5px, 0px);
}