src/css/editor.js
last analyzed

Complexity

Total Complexity 0
Complexity/F 0

Size

Lines of Code 381
Function Count 0

Duplication

Duplicated Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
cc 0
c 0
b 0
f 0
nc 1
dl 0
loc 381
wmc 0
mnd 0
bc 0
fnc 0
bpm 0
cpm 0
noi 4
1
import React, {StyleSheet, Dimensions, PixelRatio} from "react-native";
0 ignored issues
show
Unused Code introduced by
The variable React seems to be never used. Consider removing it.
Loading history...
Unused Code introduced by
The variable PixelRatio seems to be never used. Consider removing it.
Loading history...
2
const {width, height, scale} = Dimensions.get("window"),
3
    vw = width / 100,
4
    vh = height / 100,
5
    vmin = Math.min(vw, vh),
0 ignored issues
show
Unused Code introduced by
The constant vmin seems to be never used. Consider removing it.
Loading history...
6
    vmax = Math.max(vw, vh);
0 ignored issues
show
Unused Code introduced by
The constant vmax seems to be never used. Consider removing it.
Loading history...
7
8
export default StyleSheet.create({
9
    ":global label": {
10
        "display": "inline-block",
11
        "fontWeight": "bold",
12
        "marginBottom": 5,
13
        "maxWidth": "100%"
14
    },
15
    ":global gte_button": {
16
        "border": "1px solid #999",
17
        "borderRadius": 2,
18
        "boxShadow": "1px 1px 3px #ccc",
19
        "color": "#000 !important",
20
        "cursor": "pointer",
21
        "display": "inline-block",
22
        "fontSize": 0.88,
23
        "marginRight": 3,
24
        "paddingTop": 5,
25
        "paddingRight": 8,
26
        "paddingBottom": 5,
27
        "paddingLeft": 8,
28
        "position": "relative",
29
        "float": "left",
30
        "background": "linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%)",
31
        "filter": "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 )"
32
    },
33
    ":global gte_button:hover:not(gte_btn_disabled)": {
34
        "border": "1px solid #666",
35
        "boxShadow": "1px 1px 1px #999",
36
        "background": "linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%)",
37
        "filter": "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )"
38
    },
39
    ":global gte_buttons_container": {
40
        "float": "left",
41
        "marginTop": 0,
42
        "marginRight": 5,
43
        "marginBottom": 0,
44
        "marginLeft": 0
45
    },
46
    ":global gte_btn_disabled": {
47
        "background": "#fff",
48
        "boxShadow": "1px 1px 1px #999",
49
        "border": "1px solid #eee",
50
        "cursor": "default",
51
        "color": "#999 !important"
52
    },
53
    ":global gte_editor_popup": {
54
        "height": "100%",
55
        "left": "50%",
56
        "marginLeft": -390,
57
        "position": "fixed",
58
        "top": -20,
59
        "width": 780,
60
        "zIndex": 111,
61
        "opacity": 0
62
    },
63
    ":global gte_popup_background": {
64
        "visibility": "hidden",
65
        "background": "rgba(0, 0, 0, 0) radial-gradient(ellipse farthest-corner at center center , rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0",
66
        "height": "100%",
67
        "left": 0,
68
        "position": "fixed",
69
        "top": 0,
70
        "width": "100%",
71
        "zIndex": 110
72
    },
73
    ":global gte_popup_container": {
74
        "display": "table",
75
        "height": "100%",
76
        "width": "100%",
77
        "marginTop": "15%"
78
    },
79
    ":global gte_form_body": {
80
        "paddingTop": 50,
81
        "paddingRight": 0,
82
        "paddingBottom": 50,
83
        "paddingLeft": 0
84
    },
85
    ":global gte_form_body_content": {
86
        "overflow": "auto",
87
        "position": "relative"
88
    },
89
    ":global gte_popup_container_wrapper": {
90
        "display": "table",
91
        "height": "100%",
92
        "verticalAlign": "middle",
93
        "width": "100%"
94
    },
95
    ":global gte_form_border_box": {
96
        "border": "7px solid rgba(220, 220, 220, 0.5)",
97
        "borderRadius": 10,
98
        "boxShadow": "2px 2px 10px #555",
99
        "boxSizing": "border-box",
100
        "position": "relative"
101
    },
102
    ":global gte_form_fields": {
103
        "background": "white none repeat scroll 0 0",
104
        "border": "2px solid #444",
105
        "borderRadius": 6,
106
        "boxShadow": "0 0 5px #555",
107
        "boxSizing": "border-box"
108
    },
109
    ":global gte_editor_fields": {
110
        "border": "1px solid transparent",
111
        "clear": "both",
112
        "paddingTop": 5,
113
        "paddingRight": "20%",
114
        "paddingBottom": 5,
115
        "paddingLeft": "20%",
116
        "position": "relative"
117
    },
118
    ":global gte_form_content": {
119
        "paddingTop": 10,
120
        "paddingRight": 10,
121
        "paddingBottom": 10,
122
        "paddingLeft": 10,
123
        "position": "relative"
124
    },
125
    ":global gte_header": {
126
        "backgroundColor": "#f3f3f3",
127
        "borderBottom": "1px solid #ddd",
128
        "boxSizing": "border-box",
129
        "fontSize": 1.3,
130
        "height": 50,
131
        "paddingTop": 16,
132
        "paddingRight": 10,
133
        "paddingBottom": 2,
134
        "paddingLeft": 16,
135
        "position": "absolute",
136
        "borderTopLeftRadius": 5,
137
        "borderTopRightRadius": 5,
138
        "left": 2,
139
        "right": 2,
140
        "top": 2,
141
        "width": "auto"
142
    },
143
    ":global gte_footer": {
144
        "backgroundColor": "#f3f3f3",
145
        "borderTop": "1px solid #ddd",
146
        "boxSizing": "border-box",
147
        "height": 50,
148
        "paddingTop": 10,
149
        "paddingRight": 10,
150
        "paddingBottom": 10,
151
        "paddingLeft": 10,
152
        "position": "absolute",
153
        "borderBottomLeftRadius": 5,
154
        "borderBottomRightRadius": 5,
155
        "bottom": 2,
156
        "left": 2,
157
        "right": 2,
158
        "width": "auto"
159
    },
160
    ":global gte_form_err": {
161
        "color": "#b11f1f",
162
        "display": "none",
163
        "float": "left",
164
        "paddingTop": 5,
165
        "paddingRight": 5,
166
        "paddingBottom": 5,
167
        "paddingLeft": 5
168
    },
169
    ":global gte_form_buttons btn": {
170
        "position": "relative",
171
        "textAlign": "center",
172
        "display": "block",
173
        "marginTop": 0,
174
        "paddingTop": 5,
175
        "paddingRight": 15,
176
        "paddingBottom": 5,
177
        "paddingLeft": 15,
178
        "cursor": "pointer",
179
        "float": "right",
180
        "fontSize": 14,
181
        "textShadow": "0 1px 0 white",
182
        "border": "1px solid #999",
183
        "WebkitBorderRadius": 4,
184
        "MozBorderRadius": 4,
185
        "MsBorderRadius": 4,
186
        "OBorderRadius": 4,
187
        "borderRadius": 4,
188
        "WebkitBoxShadow": "1px 1px 3px #cccccc",
189
        "MozBoxShadow": "1px 1px 3px #cccccc",
190
        "boxShadow": "1px 1px 3px #cccccc",
191
        "backgroundColor": "#f9f9f9 100%",
192
        "backgroundImage": "linear-gradient(top, white 0%, #eeeeee 65%, #f9f9f9 100%)",
193
        "filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f9f9f9')"
194
    },
195
    ":global gte_form_buttons btn:hover": {
196
        "backgroundColor": "#f3f3f3 100%",
197
        "backgroundImage": "linear-gradient(top, white 0%, #dedede 65%, #f3f3f3 100%)",
198
        "filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f3f3f3')",
199
        "border": "1px solid #666",
200
        "boxShadow": "1px 1px 3px #888"
201
    },
202
    ":global gte_label": {
203
        "float": "left",
204
        "paddingTop": 6,
205
        "width": "40%"
206
    },
207
    ":global gte_label_text": {
208
        "fontWeight": "normal"
209
    },
210
    "divgte_field input[type=\"color\"]": {
211
        "paddingTop": 6,
212
        "paddingRight": 4,
213
        "paddingBottom": 6,
214
        "paddingLeft": 4,
215
        "width": "100%",
216
        "resize": "vertical"
217
    },
218
    "divgte_field input[type=\"date\"]": {
219
        "paddingTop": 6,
220
        "paddingRight": 4,
221
        "paddingBottom": 6,
222
        "paddingLeft": 4,
223
        "width": "100%",
224
        "resize": "vertical"
225
    },
226
    "divgte_field input[type=\"datetime\"]": {
227
        "paddingTop": 6,
228
        "paddingRight": 4,
229
        "paddingBottom": 6,
230
        "paddingLeft": 4,
231
        "width": "100%",
232
        "resize": "vertical"
233
    },
234
    "divgte_field input[type=\"datetime-local\"]": {
235
        "paddingTop": 6,
236
        "paddingRight": 4,
237
        "paddingBottom": 6,
238
        "paddingLeft": 4,
239
        "width": "100%",
240
        "resize": "vertical"
241
    },
242
    "divgte_field input[type=\"email\"]": {
243
        "paddingTop": 6,
244
        "paddingRight": 4,
245
        "paddingBottom": 6,
246
        "paddingLeft": 4,
247
        "width": "100%",
248
        "resize": "vertical"
249
    },
250
    "divgte_field input[type=\"month\"]": {
251
        "paddingTop": 6,
252
        "paddingRight": 4,
253
        "paddingBottom": 6,
254
        "paddingLeft": 4,
255
        "width": "100%",
256
        "resize": "vertical"
257
    },
258
    "divgte_field input[type=\"number\"]": {
259
        "paddingTop": 6,
260
        "paddingRight": 4,
261
        "paddingBottom": 6,
262
        "paddingLeft": 4,
263
        "width": "100%",
264
        "resize": "vertical"
265
    },
266
    "divgte_field input[type=\"password\"]": {
267
        "paddingTop": 6,
268
        "paddingRight": 4,
269
        "paddingBottom": 6,
270
        "paddingLeft": 4,
271
        "width": "100%",
272
        "resize": "vertical"
273
    },
274
    "divgte_field input[type=\"search\"]": {
275
        "paddingTop": 6,
276
        "paddingRight": 4,
277
        "paddingBottom": 6,
278
        "paddingLeft": 4,
279
        "width": "100%",
280
        "resize": "vertical"
281
    },
282
    "divgte_field input[type=\"tel\"]": {
283
        "paddingTop": 6,
284
        "paddingRight": 4,
285
        "paddingBottom": 6,
286
        "paddingLeft": 4,
287
        "width": "100%",
288
        "resize": "vertical"
289
    },
290
    "divgte_field input[type=\"text\"]": {
291
        "paddingTop": 6,
292
        "paddingRight": 4,
293
        "paddingBottom": 6,
294
        "paddingLeft": 4,
295
        "width": "100%",
296
        "resize": "vertical"
297
    },
298
    "divgte_field input[type=\"time\"]": {
299
        "paddingTop": 6,
300
        "paddingRight": 4,
301
        "paddingBottom": 6,
302
        "paddingLeft": 4,
303
        "width": "100%",
304
        "resize": "vertical"
305
    },
306
    "divgte_field input[type=\"url\"]": {
307
        "paddingTop": 6,
308
        "paddingRight": 4,
309
        "paddingBottom": 6,
310
        "paddingLeft": 4,
311
        "width": "100%",
312
        "resize": "vertical"
313
    },
314
    "divgte_field input[type=\"week\"]": {
315
        "paddingTop": 6,
316
        "paddingRight": 4,
317
        "paddingBottom": 6,
318
        "paddingLeft": 4,
319
        "width": "100%",
320
        "resize": "vertical"
321
    },
322
    "divgte_field textarea": {
323
        "paddingTop": 6,
324
        "paddingRight": 4,
325
        "paddingBottom": 6,
326
        "paddingLeft": 4,
327
        "width": "100%",
328
        "resize": "vertical",
329
        "backgroundColor": "white",
330
        "boxSizing": "border-box",
331
        "transition": "background-color 0.15s ease-in-out 0s",
332
        "MozBorderRadius": 3,
333
        "WebkitBorderRadius": 3,
334
        "KhtmlBorderRadius": 3,
335
        "borderRadius": 3
336
    },
337
    "divgte_field input": {
338
        "backgroundColor": "white",
339
        "boxSizing": "border-box",
340
        "transition": "background-color 0.15s ease-in-out 0s",
341
        "MozBorderRadius": 3,
342
        "WebkitBorderRadius": 3,
343
        "KhtmlBorderRadius": 3,
344
        "borderRadius": 3
345
    },
346
    ":global gte_field": {
347
        "float": "right",
348
        "width": "60%"
349
    },
350
    "gte_field input:focus": {
351
        "backgroundColor": "#ffe !important",
352
        "MozBorderRadius": 3,
353
        "WebkitBorderRadius": 3,
354
        "KhtmlBorderRadius": 3,
355
        "borderRadius": 3
356
    },
357
    "textarea:focus": {
358
        "backgroundColor": "#ffe !important",
359
        "MozBorderRadius": 3,
360
        "WebkitBorderRadius": 3,
361
        "KhtmlBorderRadius": 3,
362
        "borderRadius": 3
363
    },
364
    ":global gte_msg": {
365
        "paddingTop": 4,
366
        "paddingRight": 6,
367
        "paddingBottom": 4,
368
        "paddingLeft": 6,
369
        "textAlign": "center"
370
    },
371
    ":global fade_in": {
372
        "visibility": "visible",
373
        "opacity": 1,
374
        "transition": "opacity 0.3s linear"
375
    },
376
    ":global fade_out": {
377
        "visibility": "hidden",
378
        "opacity": 0,
379
        "transition": "visibility 0s 0.3s, opacity 0.3s linear"
380
    }
381
});