@operato/data-grist 2.0.0-alpha.85 → 2.0.0-alpha.87

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.
Files changed (33) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/src/filters/filter-styles.js +3 -0
  3. package/dist/src/filters/filter-styles.js.map +1 -1
  4. package/dist/stories/accumulator.stories.js +2 -2
  5. package/dist/stories/accumulator.stories.js.map +1 -1
  6. package/dist/stories/default-filters.stories.js +1 -1
  7. package/dist/stories/default-filters.stories.js.map +1 -1
  8. package/dist/stories/dynamic-editable.stories.js +28 -0
  9. package/dist/stories/dynamic-editable.stories.js.map +1 -1
  10. package/dist/stories/fixed-column.stories.js +0 -1
  11. package/dist/stories/fixed-column.stories.js.map +1 -1
  12. package/dist/stories/grist-modes.stories.js +0 -1
  13. package/dist/stories/grist-modes.stories.js.map +1 -1
  14. package/dist/stories/group-header.stories.js +0 -1
  15. package/dist/stories/group-header.stories.js.map +1 -1
  16. package/dist/stories/textarea.stories.js +1 -1
  17. package/dist/stories/textarea.stories.js.map +1 -1
  18. package/dist/stories/tree-column-with-checkbox.stories.js +1 -2
  19. package/dist/stories/tree-column-with-checkbox.stories.js.map +1 -1
  20. package/dist/stories/tree-column.stories.js +0 -1
  21. package/dist/stories/tree-column.stories.js.map +1 -1
  22. package/dist/tsconfig.tsbuildinfo +1 -1
  23. package/package.json +5 -5
  24. package/src/filters/filter-styles.ts +3 -0
  25. package/stories/accumulator.stories.ts +2 -2
  26. package/stories/default-filters.stories.ts +1 -1
  27. package/stories/dynamic-editable.stories.ts +28 -0
  28. package/stories/fixed-column.stories.ts +0 -1
  29. package/stories/grist-modes.stories.ts +0 -1
  30. package/stories/group-header.stories.ts +0 -1
  31. package/stories/textarea.stories.ts +1 -1
  32. package/stories/tree-column-with-checkbox.stories.ts +1 -2
  33. package/stories/tree-column.stories.ts +0 -1
@@ -272,6 +272,34 @@ const Template: Story<ArgTypes> = ({ headerFilter }: ArgTypes) =>
272
272
  margin-right: var(--margin-default);
273
273
  }
274
274
 
275
+ #add {
276
+ text-align: right;
277
+ }
278
+
279
+ #add button {
280
+ display: flex;
281
+ align-items: center;
282
+ justify-content: center;
283
+
284
+ background-color: var(--primary-color);
285
+ border: 0;
286
+ border-radius: 50%;
287
+ padding: 5px;
288
+ width: 32px;
289
+ height: 32px;
290
+ cursor: pointer;
291
+ }
292
+
293
+ #add button:hover {
294
+ background-color: var(--focus-background-color);
295
+ box-shadow: var(--box-shadow);
296
+ }
297
+
298
+ #add button md-icon {
299
+ font-size: 1.5em;
300
+ color: var(--theme-white-color);
301
+ }
302
+
275
303
  @media only screen and (max-width: 460px) {
276
304
  #filters {
277
305
  flex-direction: column;
@@ -420,7 +420,6 @@ const Template: Story<ArgTypes> = ({ config }: ArgTypes) =>
420
420
  }
421
421
 
422
422
  #add {
423
- width: 50px;
424
423
  text-align: right;
425
424
  }
426
425
 
@@ -450,7 +450,6 @@ const Template: Story<ArgTypes> = ({ config, mode = 'GRID', urlParamsSensitive =
450
450
  }
451
451
 
452
452
  #add {
453
- width: 50px;
454
453
  text-align: right;
455
454
  }
456
455
 
@@ -450,7 +450,6 @@ const Template: Story<ArgTypes> = ({ config }: ArgTypes) =>
450
450
  }
451
451
 
452
452
  #add {
453
- width: 50px;
454
453
  text-align: right;
455
454
  }
456
455
 
@@ -279,7 +279,7 @@ const Template: Story<ArgTypes> = ({ config, mode = 'GRID', urlParamsSensitive =
279
279
  }
280
280
 
281
281
  #add {
282
- width: 50px;
282
+ margin-left: auto;
283
283
  text-align: right;
284
284
  }
285
285
 
@@ -309,11 +309,10 @@ const Template: Story<ArgTypes> = ({ config }: ArgTypes) =>
309
309
  }
310
310
 
311
311
  #add {
312
- width: 50px;
313
312
  text-align: right;
314
313
  }
315
314
 
316
- #add #add button {
315
+ #add button {
317
316
  display: flex;
318
317
  align-items: center;
319
318
  justify-content: center;
@@ -308,7 +308,6 @@ const Template: Story<ArgTypes> = ({ config }: ArgTypes) =>
308
308
  }
309
309
 
310
310
  #add {
311
- width: 50px;
312
311
  text-align: right;
313
312
  }
314
313