@semapps/date-components 0.4.0-alpha.4 → 0.4.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,128 @@
1
1
 
2
+ :root {
3
+ --fc-list-event-dot-width: 10px;
4
+ --fc-list-event-hover-bg-color: #f5f5f5;
5
+ }
6
+ .fc-theme-standard .fc-list {
7
+ border: 1px solid #ddd;
8
+ border: 1px solid var(--fc-border-color, #ddd);
9
+ }
10
+ .fc {
11
+
12
+ /* message when no events */
13
+
14
+ }
15
+ .fc .fc-list-empty {
16
+ background-color: rgba(208, 208, 208, 0.3);
17
+ background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
18
+ height: 100%;
19
+ display: flex;
20
+ justify-content: center;
21
+ align-items: center; /* vertically aligns fc-list-empty-inner */
22
+ }
23
+ .fc .fc-list-empty-cushion {
24
+ margin: 5em 0;
25
+ }
26
+ .fc {
27
+
28
+ /* table within the scroller */
29
+ /* ---------------------------------------------------------------------------------------------------- */
30
+
31
+ }
32
+ .fc .fc-list-table {
33
+ width: 100%;
34
+ border-style: hidden; /* kill outer border on theme */
35
+ }
36
+ .fc .fc-list-table tr > * {
37
+ border-left: 0;
38
+ border-right: 0;
39
+ }
40
+ .fc .fc-list-sticky .fc-list-day > * { /* the cells */
41
+ position: sticky;
42
+ top: 0;
43
+ background: #fff;
44
+ background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
45
+ }
46
+ .fc .fc-list-table th {
47
+ padding: 0; /* uses an inner-wrapper instead... */
48
+ }
49
+ .fc .fc-list-table td,
50
+ .fc .fc-list-day-cushion {
51
+ padding: 8px 14px;
52
+ }
53
+ .fc {
54
+
55
+
56
+ /* date heading rows */
57
+ /* ---------------------------------------------------------------------------------------------------- */
58
+
59
+ }
60
+ .fc .fc-list-day-cushion:after {
61
+ content: "";
62
+ clear: both;
63
+ display: table; /* clear floating */
64
+ }
65
+ .fc-theme-standard .fc-list-day-cushion {
66
+ background-color: rgba(208, 208, 208, 0.3);
67
+ background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
68
+ }
69
+ .fc-direction-ltr .fc-list-day-text,
70
+ .fc-direction-rtl .fc-list-day-side-text {
71
+ float: left;
72
+ }
73
+ .fc-direction-ltr .fc-list-day-side-text,
74
+ .fc-direction-rtl .fc-list-day-text {
75
+ float: right;
76
+ }
77
+ /* make the dot closer to the event title */
78
+ .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
79
+ .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
80
+ .fc .fc-list-event.fc-event-forced-url {
81
+ cursor: pointer; /* whole row will seem clickable */
82
+ }
83
+ .fc .fc-list-event:hover td {
84
+ background-color: #f5f5f5;
85
+ background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
86
+ }
87
+ .fc {
88
+
89
+ /* shrink certain cols */
90
+
91
+ }
92
+ .fc .fc-list-event-graphic,
93
+ .fc .fc-list-event-time {
94
+ white-space: nowrap;
95
+ width: 1px;
96
+ }
97
+ .fc .fc-list-event-dot {
98
+ display: inline-block;
99
+ box-sizing: content-box;
100
+ width: 0;
101
+ height: 0;
102
+ border: 5px solid #3788d8;
103
+ border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
104
+ border-radius: 5px;
105
+ border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
106
+ }
107
+ .fc {
108
+
109
+ /* reset <a> styling */
110
+
111
+ }
112
+ .fc .fc-list-event-title a {
113
+ color: inherit;
114
+ text-decoration: none;
115
+ }
116
+ .fc {
117
+
118
+ /* underline link when hovering over any part of row */
119
+
120
+ }
121
+ .fc .fc-list-event.fc-event-forced-url:hover a {
122
+ text-decoration: underline;
123
+ }
124
+
125
+
2
126
  :root {
3
127
  --fc-daygrid-event-dot-width: 8px;
4
128
  }
@@ -235,130 +359,6 @@
235
359
  }
236
360
 
237
361
 
238
- :root {
239
- --fc-list-event-dot-width: 10px;
240
- --fc-list-event-hover-bg-color: #f5f5f5;
241
- }
242
- .fc-theme-standard .fc-list {
243
- border: 1px solid #ddd;
244
- border: 1px solid var(--fc-border-color, #ddd);
245
- }
246
- .fc {
247
-
248
- /* message when no events */
249
-
250
- }
251
- .fc .fc-list-empty {
252
- background-color: rgba(208, 208, 208, 0.3);
253
- background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
254
- height: 100%;
255
- display: flex;
256
- justify-content: center;
257
- align-items: center; /* vertically aligns fc-list-empty-inner */
258
- }
259
- .fc .fc-list-empty-cushion {
260
- margin: 5em 0;
261
- }
262
- .fc {
263
-
264
- /* table within the scroller */
265
- /* ---------------------------------------------------------------------------------------------------- */
266
-
267
- }
268
- .fc .fc-list-table {
269
- width: 100%;
270
- border-style: hidden; /* kill outer border on theme */
271
- }
272
- .fc .fc-list-table tr > * {
273
- border-left: 0;
274
- border-right: 0;
275
- }
276
- .fc .fc-list-sticky .fc-list-day > * { /* the cells */
277
- position: sticky;
278
- top: 0;
279
- background: #fff;
280
- background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
281
- }
282
- .fc .fc-list-table th {
283
- padding: 0; /* uses an inner-wrapper instead... */
284
- }
285
- .fc .fc-list-table td,
286
- .fc .fc-list-day-cushion {
287
- padding: 8px 14px;
288
- }
289
- .fc {
290
-
291
-
292
- /* date heading rows */
293
- /* ---------------------------------------------------------------------------------------------------- */
294
-
295
- }
296
- .fc .fc-list-day-cushion:after {
297
- content: "";
298
- clear: both;
299
- display: table; /* clear floating */
300
- }
301
- .fc-theme-standard .fc-list-day-cushion {
302
- background-color: rgba(208, 208, 208, 0.3);
303
- background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
304
- }
305
- .fc-direction-ltr .fc-list-day-text,
306
- .fc-direction-rtl .fc-list-day-side-text {
307
- float: left;
308
- }
309
- .fc-direction-ltr .fc-list-day-side-text,
310
- .fc-direction-rtl .fc-list-day-text {
311
- float: right;
312
- }
313
- /* make the dot closer to the event title */
314
- .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
315
- .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
316
- .fc .fc-list-event.fc-event-forced-url {
317
- cursor: pointer; /* whole row will seem clickable */
318
- }
319
- .fc .fc-list-event:hover td {
320
- background-color: #f5f5f5;
321
- background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
322
- }
323
- .fc {
324
-
325
- /* shrink certain cols */
326
-
327
- }
328
- .fc .fc-list-event-graphic,
329
- .fc .fc-list-event-time {
330
- white-space: nowrap;
331
- width: 1px;
332
- }
333
- .fc .fc-list-event-dot {
334
- display: inline-block;
335
- box-sizing: content-box;
336
- width: 0;
337
- height: 0;
338
- border: 5px solid #3788d8;
339
- border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
340
- border-radius: 5px;
341
- border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
342
- }
343
- .fc {
344
-
345
- /* reset <a> styling */
346
-
347
- }
348
- .fc .fc-list-event-title a {
349
- color: inherit;
350
- text-decoration: none;
351
- }
352
- .fc {
353
-
354
- /* underline link when hovering over any part of row */
355
-
356
- }
357
- .fc .fc-list-event.fc-event-forced-url:hover a {
358
- text-decoration: underline;
359
- }
360
-
361
-
362
362
  /* classes attached to <body> */
363
363
 
364
364
  .fc-not-allowed,
package/dist/index.es.css CHANGED
@@ -1,4 +1,128 @@
1
1
 
2
+ :root {
3
+ --fc-list-event-dot-width: 10px;
4
+ --fc-list-event-hover-bg-color: #f5f5f5;
5
+ }
6
+ .fc-theme-standard .fc-list {
7
+ border: 1px solid #ddd;
8
+ border: 1px solid var(--fc-border-color, #ddd);
9
+ }
10
+ .fc {
11
+
12
+ /* message when no events */
13
+
14
+ }
15
+ .fc .fc-list-empty {
16
+ background-color: rgba(208, 208, 208, 0.3);
17
+ background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
18
+ height: 100%;
19
+ display: flex;
20
+ justify-content: center;
21
+ align-items: center; /* vertically aligns fc-list-empty-inner */
22
+ }
23
+ .fc .fc-list-empty-cushion {
24
+ margin: 5em 0;
25
+ }
26
+ .fc {
27
+
28
+ /* table within the scroller */
29
+ /* ---------------------------------------------------------------------------------------------------- */
30
+
31
+ }
32
+ .fc .fc-list-table {
33
+ width: 100%;
34
+ border-style: hidden; /* kill outer border on theme */
35
+ }
36
+ .fc .fc-list-table tr > * {
37
+ border-left: 0;
38
+ border-right: 0;
39
+ }
40
+ .fc .fc-list-sticky .fc-list-day > * { /* the cells */
41
+ position: sticky;
42
+ top: 0;
43
+ background: #fff;
44
+ background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
45
+ }
46
+ .fc .fc-list-table th {
47
+ padding: 0; /* uses an inner-wrapper instead... */
48
+ }
49
+ .fc .fc-list-table td,
50
+ .fc .fc-list-day-cushion {
51
+ padding: 8px 14px;
52
+ }
53
+ .fc {
54
+
55
+
56
+ /* date heading rows */
57
+ /* ---------------------------------------------------------------------------------------------------- */
58
+
59
+ }
60
+ .fc .fc-list-day-cushion:after {
61
+ content: "";
62
+ clear: both;
63
+ display: table; /* clear floating */
64
+ }
65
+ .fc-theme-standard .fc-list-day-cushion {
66
+ background-color: rgba(208, 208, 208, 0.3);
67
+ background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
68
+ }
69
+ .fc-direction-ltr .fc-list-day-text,
70
+ .fc-direction-rtl .fc-list-day-side-text {
71
+ float: left;
72
+ }
73
+ .fc-direction-ltr .fc-list-day-side-text,
74
+ .fc-direction-rtl .fc-list-day-text {
75
+ float: right;
76
+ }
77
+ /* make the dot closer to the event title */
78
+ .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
79
+ .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
80
+ .fc .fc-list-event.fc-event-forced-url {
81
+ cursor: pointer; /* whole row will seem clickable */
82
+ }
83
+ .fc .fc-list-event:hover td {
84
+ background-color: #f5f5f5;
85
+ background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
86
+ }
87
+ .fc {
88
+
89
+ /* shrink certain cols */
90
+
91
+ }
92
+ .fc .fc-list-event-graphic,
93
+ .fc .fc-list-event-time {
94
+ white-space: nowrap;
95
+ width: 1px;
96
+ }
97
+ .fc .fc-list-event-dot {
98
+ display: inline-block;
99
+ box-sizing: content-box;
100
+ width: 0;
101
+ height: 0;
102
+ border: 5px solid #3788d8;
103
+ border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
104
+ border-radius: 5px;
105
+ border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
106
+ }
107
+ .fc {
108
+
109
+ /* reset <a> styling */
110
+
111
+ }
112
+ .fc .fc-list-event-title a {
113
+ color: inherit;
114
+ text-decoration: none;
115
+ }
116
+ .fc {
117
+
118
+ /* underline link when hovering over any part of row */
119
+
120
+ }
121
+ .fc .fc-list-event.fc-event-forced-url:hover a {
122
+ text-decoration: underline;
123
+ }
124
+
125
+
2
126
  :root {
3
127
  --fc-daygrid-event-dot-width: 8px;
4
128
  }
@@ -235,130 +359,6 @@
235
359
  }
236
360
 
237
361
 
238
- :root {
239
- --fc-list-event-dot-width: 10px;
240
- --fc-list-event-hover-bg-color: #f5f5f5;
241
- }
242
- .fc-theme-standard .fc-list {
243
- border: 1px solid #ddd;
244
- border: 1px solid var(--fc-border-color, #ddd);
245
- }
246
- .fc {
247
-
248
- /* message when no events */
249
-
250
- }
251
- .fc .fc-list-empty {
252
- background-color: rgba(208, 208, 208, 0.3);
253
- background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
254
- height: 100%;
255
- display: flex;
256
- justify-content: center;
257
- align-items: center; /* vertically aligns fc-list-empty-inner */
258
- }
259
- .fc .fc-list-empty-cushion {
260
- margin: 5em 0;
261
- }
262
- .fc {
263
-
264
- /* table within the scroller */
265
- /* ---------------------------------------------------------------------------------------------------- */
266
-
267
- }
268
- .fc .fc-list-table {
269
- width: 100%;
270
- border-style: hidden; /* kill outer border on theme */
271
- }
272
- .fc .fc-list-table tr > * {
273
- border-left: 0;
274
- border-right: 0;
275
- }
276
- .fc .fc-list-sticky .fc-list-day > * { /* the cells */
277
- position: sticky;
278
- top: 0;
279
- background: #fff;
280
- background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
281
- }
282
- .fc .fc-list-table th {
283
- padding: 0; /* uses an inner-wrapper instead... */
284
- }
285
- .fc .fc-list-table td,
286
- .fc .fc-list-day-cushion {
287
- padding: 8px 14px;
288
- }
289
- .fc {
290
-
291
-
292
- /* date heading rows */
293
- /* ---------------------------------------------------------------------------------------------------- */
294
-
295
- }
296
- .fc .fc-list-day-cushion:after {
297
- content: "";
298
- clear: both;
299
- display: table; /* clear floating */
300
- }
301
- .fc-theme-standard .fc-list-day-cushion {
302
- background-color: rgba(208, 208, 208, 0.3);
303
- background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
304
- }
305
- .fc-direction-ltr .fc-list-day-text,
306
- .fc-direction-rtl .fc-list-day-side-text {
307
- float: left;
308
- }
309
- .fc-direction-ltr .fc-list-day-side-text,
310
- .fc-direction-rtl .fc-list-day-text {
311
- float: right;
312
- }
313
- /* make the dot closer to the event title */
314
- .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
315
- .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
316
- .fc .fc-list-event.fc-event-forced-url {
317
- cursor: pointer; /* whole row will seem clickable */
318
- }
319
- .fc .fc-list-event:hover td {
320
- background-color: #f5f5f5;
321
- background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
322
- }
323
- .fc {
324
-
325
- /* shrink certain cols */
326
-
327
- }
328
- .fc .fc-list-event-graphic,
329
- .fc .fc-list-event-time {
330
- white-space: nowrap;
331
- width: 1px;
332
- }
333
- .fc .fc-list-event-dot {
334
- display: inline-block;
335
- box-sizing: content-box;
336
- width: 0;
337
- height: 0;
338
- border: 5px solid #3788d8;
339
- border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
340
- border-radius: 5px;
341
- border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
342
- }
343
- .fc {
344
-
345
- /* reset <a> styling */
346
-
347
- }
348
- .fc .fc-list-event-title a {
349
- color: inherit;
350
- text-decoration: none;
351
- }
352
- .fc {
353
-
354
- /* underline link when hovering over any part of row */
355
-
356
- }
357
- .fc .fc-list-event.fc-event-forced-url:hover a {
358
- text-decoration: underline;
359
- }
360
-
361
-
362
362
  /* classes attached to <body> */
363
363
 
364
364
  .fc-not-allowed,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semapps/date-components",
3
- "version": "0.4.0-alpha.4",
3
+ "version": "0.4.0-alpha.5",
4
4
  "description": "React-Admin components for date display and input",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Virtual Assembly",
@@ -44,5 +44,5 @@
44
44
  "rollup-plugin-terser": "^5.3.0",
45
45
  "rollup-pluginutils": "^2.8.2"
46
46
  },
47
- "gitHead": "0da69cb84ffc37bfc83418debcc12ab58e41d6b0"
47
+ "gitHead": "0cc6b2dc3b90f947680eada0c6b96cb689752ef8"
48
48
  }