@wordpress/dataviews 2.0.0 → 2.1.0

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.
@@ -254,6 +254,7 @@ function CompactItemActions< Item extends AnyItem >( {
254
254
  size="compact"
255
255
  icon={ moreVertical }
256
256
  label={ __( 'Actions' ) }
257
+ __experimentalIsFocusable
257
258
  disabled={ ! actions.length }
258
259
  className="dataviews-all-actions-button"
259
260
  />
package/src/style.scss CHANGED
@@ -370,8 +370,7 @@
370
370
  line-height: 16px;
371
371
 
372
372
  &:not(:empty) {
373
- padding: $grid-unit-15 0;
374
- padding-top: 0;
373
+ padding: 0 0 $grid-unit-15;
375
374
  }
376
375
 
377
376
  .dataviews-view-grid__field {
@@ -437,6 +436,7 @@
437
436
  .components-button {
438
437
  opacity: 0;
439
438
  position: fixed;
439
+ right: 0;
440
440
  }
441
441
  }
442
442
 
@@ -603,11 +603,6 @@
603
603
  }
604
604
  }
605
605
 
606
- .dataviews-filters__custom-menu-radio-item-prefix {
607
- display: block;
608
- width: 24px;
609
- }
610
-
611
606
  .dataviews-bulk-edit-button.components-button {
612
607
  flex-shrink: 0;
613
608
  }
@@ -892,12 +887,14 @@
892
887
  }
893
888
 
894
889
  .dataviews-bulk-actions {
895
- position: absolute;
890
+ position: sticky;
896
891
  display: flex;
897
892
  flex-direction: column;
898
893
  align-content: center;
899
894
  flex-wrap: wrap;
900
- width: 100%;
895
+ width: fit-content;
896
+ margin-left: auto;
897
+ margin-right: auto;
901
898
  bottom: $grid-unit-30;
902
899
  z-index: z-index(".dataviews-bulk-actions");
903
900
 
package/src/view-list.tsx CHANGED
@@ -255,6 +255,7 @@ function ListItem< Item extends AnyItem >( {
255
255
  size="compact"
256
256
  icon={ moreVertical }
257
257
  label={ __( 'Actions' ) }
258
+ __experimentalIsFocusable
258
259
  disabled={ ! actions.length }
259
260
  onKeyDown={ ( event: {
260
261
  key: string;