@wordpress/edit-site 6.30.0 → 6.30.1-next.836ecdcae.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.
- package/build-style/posts-rtl.css +198 -15
- package/build-style/posts.css +198 -15
- package/build-style/style-rtl.css +198 -15
- package/build-style/style.css +198 -15
- package/package.json +41 -41
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -238,7 +238,8 @@
|
|
|
238
238
|
}
|
|
239
239
|
}
|
|
240
240
|
|
|
241
|
-
.dataviews-wrapper
|
|
241
|
+
.dataviews-wrapper,
|
|
242
|
+
.dataviews-picker-wrapper {
|
|
242
243
|
height: 100%;
|
|
243
244
|
overflow: auto;
|
|
244
245
|
box-sizing: border-box;
|
|
@@ -351,7 +352,8 @@
|
|
|
351
352
|
/**
|
|
352
353
|
* Applying a consistent 24px padding when DataViews are placed within cards.
|
|
353
354
|
*/
|
|
354
|
-
.components-card__body:has(> .dataviews-wrapper)
|
|
355
|
+
.components-card__body:has(> .dataviews-wrapper),
|
|
356
|
+
.components-card__body:has(> .dataviews-picker-wrapper) {
|
|
355
357
|
padding: 8px 0 0;
|
|
356
358
|
overflow: hidden;
|
|
357
359
|
}
|
|
@@ -360,15 +362,25 @@
|
|
|
360
362
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-footer,
|
|
361
363
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-grid,
|
|
362
364
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-loading,
|
|
363
|
-
.components-card__body:has(> .dataviews-wrapper) .dataviews-no-results
|
|
365
|
+
.components-card__body:has(> .dataviews-wrapper) .dataviews-no-results,
|
|
366
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews__view-actions,
|
|
367
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-filters__container,
|
|
368
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-footer,
|
|
369
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-grid,
|
|
370
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-loading,
|
|
371
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-no-results {
|
|
364
372
|
padding-inline: 24px;
|
|
365
373
|
}
|
|
366
374
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:first-child,
|
|
367
|
-
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child
|
|
375
|
+
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child,
|
|
376
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:first-child,
|
|
377
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:first-child {
|
|
368
378
|
padding-inline-start: 24px;
|
|
369
379
|
}
|
|
370
380
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:last-child,
|
|
371
|
-
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child
|
|
381
|
+
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child,
|
|
382
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:last-child,
|
|
383
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:last-child {
|
|
372
384
|
padding-inline-end: 24px;
|
|
373
385
|
}
|
|
374
386
|
|
|
@@ -941,6 +953,15 @@
|
|
|
941
953
|
z-index: 1000001;
|
|
942
954
|
}
|
|
943
955
|
|
|
956
|
+
.dataviews-picker-footer__bulk-selection {
|
|
957
|
+
align-self: flex-start;
|
|
958
|
+
height: 32px;
|
|
959
|
+
}
|
|
960
|
+
|
|
961
|
+
.dataviews-picker-footer__actions {
|
|
962
|
+
align-self: flex-end;
|
|
963
|
+
}
|
|
964
|
+
|
|
944
965
|
.dataviews-selection-checkbox {
|
|
945
966
|
--checkbox-input-size: 24px;
|
|
946
967
|
line-height: 0;
|
|
@@ -1052,7 +1073,7 @@
|
|
|
1052
1073
|
color: #757575;
|
|
1053
1074
|
}
|
|
1054
1075
|
|
|
1055
|
-
.dataviews-view-grid {
|
|
1076
|
+
.dataviews-view-grid-items {
|
|
1056
1077
|
margin-bottom: auto;
|
|
1057
1078
|
display: grid;
|
|
1058
1079
|
gap: 32px;
|
|
@@ -1061,21 +1082,22 @@
|
|
|
1061
1082
|
padding: 0 48px 24px;
|
|
1062
1083
|
container-type: inline-size;
|
|
1063
1084
|
/**
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1085
|
+
* Breakpoints were adjusted from media queries breakpoints to account for
|
|
1086
|
+
* the sidebar width. This was done to match the existing styles we had.
|
|
1087
|
+
*/
|
|
1067
1088
|
}
|
|
1068
1089
|
@container (max-width: 430px) {
|
|
1069
|
-
.dataviews-view-grid {
|
|
1090
|
+
.dataviews-view-grid-items {
|
|
1070
1091
|
padding-right: 24px;
|
|
1071
1092
|
padding-left: 24px;
|
|
1072
1093
|
}
|
|
1073
1094
|
}
|
|
1074
1095
|
@media not (prefers-reduced-motion) {
|
|
1075
|
-
.dataviews-view-grid {
|
|
1096
|
+
.dataviews-view-grid-items {
|
|
1076
1097
|
transition: padding ease-out 0.1s;
|
|
1077
1098
|
}
|
|
1078
1099
|
}
|
|
1100
|
+
|
|
1079
1101
|
.dataviews-view-grid .dataviews-view-grid__card {
|
|
1080
1102
|
height: 100%;
|
|
1081
1103
|
justify-content: flex-start;
|
|
@@ -1674,6 +1696,167 @@ div.dataviews-view-list {
|
|
|
1674
1696
|
color: #1e1e1e;
|
|
1675
1697
|
}
|
|
1676
1698
|
|
|
1699
|
+
.dataviews-view-grid-items {
|
|
1700
|
+
margin-bottom: auto;
|
|
1701
|
+
display: grid;
|
|
1702
|
+
gap: 32px;
|
|
1703
|
+
grid-template-rows: max-content;
|
|
1704
|
+
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
|
|
1705
|
+
padding: 0 48px 24px;
|
|
1706
|
+
container-type: inline-size;
|
|
1707
|
+
/**
|
|
1708
|
+
* Breakpoints were adjusted from media queries breakpoints to account for
|
|
1709
|
+
* the sidebar width. This was done to match the existing styles we had.
|
|
1710
|
+
*/
|
|
1711
|
+
}
|
|
1712
|
+
@container (max-width: 430px) {
|
|
1713
|
+
.dataviews-view-grid-items {
|
|
1714
|
+
padding-right: 24px;
|
|
1715
|
+
padding-left: 24px;
|
|
1716
|
+
}
|
|
1717
|
+
}
|
|
1718
|
+
@media not (prefers-reduced-motion) {
|
|
1719
|
+
.dataviews-view-grid-items {
|
|
1720
|
+
transition: padding ease-out 0.1s;
|
|
1721
|
+
}
|
|
1722
|
+
}
|
|
1723
|
+
|
|
1724
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card {
|
|
1725
|
+
height: 100%;
|
|
1726
|
+
justify-content: flex-start;
|
|
1727
|
+
position: relative;
|
|
1728
|
+
}
|
|
1729
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions {
|
|
1730
|
+
padding: 8px 0 4px;
|
|
1731
|
+
}
|
|
1732
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
|
|
1733
|
+
min-height: 24px;
|
|
1734
|
+
display: flex;
|
|
1735
|
+
align-items: center;
|
|
1736
|
+
}
|
|
1737
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
|
|
1738
|
+
width: fit-content;
|
|
1739
|
+
}
|
|
1740
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
|
|
1741
|
+
color: #1e1e1e;
|
|
1742
|
+
}
|
|
1743
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after,
|
|
1744
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
|
|
1745
|
+
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
|
1746
|
+
}
|
|
1747
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
|
|
1748
|
+
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
|
|
1749
|
+
}
|
|
1750
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
|
|
1751
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
1752
|
+
}
|
|
1753
|
+
.dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
|
|
1754
|
+
outline: none;
|
|
1755
|
+
}
|
|
1756
|
+
.dataviews-view-picker-grid:focus-visible [data-active-item=true] {
|
|
1757
|
+
outline: 2px solid var(--wp-admin-theme-color);
|
|
1758
|
+
}
|
|
1759
|
+
.dataviews-view-picker-grid .dataviews-selection-checkbox {
|
|
1760
|
+
top: 8px !important;
|
|
1761
|
+
}
|
|
1762
|
+
.dataviews-view-picker-grid .dataviews-selection-checkbox input {
|
|
1763
|
+
pointer-events: none;
|
|
1764
|
+
}
|
|
1765
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__media {
|
|
1766
|
+
width: 100%;
|
|
1767
|
+
aspect-ratio: 1/1;
|
|
1768
|
+
background-color: #fff;
|
|
1769
|
+
border-radius: 4px;
|
|
1770
|
+
position: relative;
|
|
1771
|
+
}
|
|
1772
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
|
|
1773
|
+
object-fit: cover;
|
|
1774
|
+
width: 100%;
|
|
1775
|
+
height: 100%;
|
|
1776
|
+
}
|
|
1777
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__media::after {
|
|
1778
|
+
content: "";
|
|
1779
|
+
position: absolute;
|
|
1780
|
+
top: 0;
|
|
1781
|
+
right: 0;
|
|
1782
|
+
width: 100%;
|
|
1783
|
+
height: 100%;
|
|
1784
|
+
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
1785
|
+
border-radius: 4px;
|
|
1786
|
+
pointer-events: none;
|
|
1787
|
+
}
|
|
1788
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
|
|
1789
|
+
position: relative;
|
|
1790
|
+
font-size: 12px;
|
|
1791
|
+
line-height: 16px;
|
|
1792
|
+
}
|
|
1793
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) {
|
|
1794
|
+
padding: 0 0 12px;
|
|
1795
|
+
}
|
|
1796
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
|
|
1797
|
+
min-height: 24px;
|
|
1798
|
+
line-height: 20px;
|
|
1799
|
+
padding-top: 2px;
|
|
1800
|
+
}
|
|
1801
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
|
|
1802
|
+
min-height: 24px;
|
|
1803
|
+
align-items: center;
|
|
1804
|
+
}
|
|
1805
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
|
|
1806
|
+
width: 35%;
|
|
1807
|
+
color: #757575;
|
|
1808
|
+
overflow: hidden;
|
|
1809
|
+
text-overflow: ellipsis;
|
|
1810
|
+
white-space: nowrap;
|
|
1811
|
+
}
|
|
1812
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
|
|
1813
|
+
width: 65%;
|
|
1814
|
+
overflow: hidden;
|
|
1815
|
+
text-overflow: ellipsis;
|
|
1816
|
+
white-space: nowrap;
|
|
1817
|
+
}
|
|
1818
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))) {
|
|
1819
|
+
display: none;
|
|
1820
|
+
}
|
|
1821
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) {
|
|
1822
|
+
padding-bottom: 12px;
|
|
1823
|
+
}
|
|
1824
|
+
|
|
1825
|
+
.dataviews-view-picker-grid__field-value:empty,
|
|
1826
|
+
.dataviews-view-picker-grid__field:empty {
|
|
1827
|
+
display: none;
|
|
1828
|
+
}
|
|
1829
|
+
|
|
1830
|
+
.dataviews-view-picker-grid__card .dataviews-selection-checkbox {
|
|
1831
|
+
position: absolute;
|
|
1832
|
+
top: -9999em;
|
|
1833
|
+
right: 8px;
|
|
1834
|
+
z-index: 1;
|
|
1835
|
+
}
|
|
1836
|
+
@media (hover: none) {
|
|
1837
|
+
.dataviews-view-picker-grid__card .dataviews-selection-checkbox {
|
|
1838
|
+
top: 8px;
|
|
1839
|
+
}
|
|
1840
|
+
}
|
|
1841
|
+
|
|
1842
|
+
.dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox,
|
|
1843
|
+
.dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox,
|
|
1844
|
+
.dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox {
|
|
1845
|
+
top: 8px;
|
|
1846
|
+
}
|
|
1847
|
+
|
|
1848
|
+
.dataviews-view-picker-grid__media--clickable {
|
|
1849
|
+
cursor: pointer;
|
|
1850
|
+
}
|
|
1851
|
+
|
|
1852
|
+
.dataviews-view-picker-grid-group__header {
|
|
1853
|
+
font-size: 15px;
|
|
1854
|
+
font-weight: 500;
|
|
1855
|
+
color: #1e1e1e;
|
|
1856
|
+
margin: 0 0 8px 0;
|
|
1857
|
+
padding: 0 48px;
|
|
1858
|
+
}
|
|
1859
|
+
|
|
1677
1860
|
.dataviews-controls__datetime {
|
|
1678
1861
|
border: none;
|
|
1679
1862
|
padding: 0;
|
|
@@ -3344,7 +3527,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3344
3527
|
contain: content;
|
|
3345
3528
|
}
|
|
3346
3529
|
|
|
3347
|
-
@keyframes
|
|
3530
|
+
@keyframes _s52gx_slide-from-right {
|
|
3348
3531
|
from {
|
|
3349
3532
|
transform: translateX(-50px);
|
|
3350
3533
|
opacity: 0;
|
|
@@ -3354,7 +3537,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3354
3537
|
opacity: 1;
|
|
3355
3538
|
}
|
|
3356
3539
|
}
|
|
3357
|
-
@keyframes
|
|
3540
|
+
@keyframes _s52gx_slide-from-left {
|
|
3358
3541
|
from {
|
|
3359
3542
|
transform: translateX(50px);
|
|
3360
3543
|
opacity: 0;
|
|
@@ -3410,10 +3593,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3410
3593
|
}
|
|
3411
3594
|
}
|
|
3412
3595
|
.edit-site-sidebar__screen-wrapper.slide-from-left {
|
|
3413
|
-
animation-name:
|
|
3596
|
+
animation-name: _s52gx_slide-from-left;
|
|
3414
3597
|
}
|
|
3415
3598
|
.edit-site-sidebar__screen-wrapper.slide-from-right {
|
|
3416
|
-
animation-name:
|
|
3599
|
+
animation-name: _s52gx_slide-from-right;
|
|
3417
3600
|
}
|
|
3418
3601
|
|
|
3419
3602
|
.edit-site-sidebar-button {
|
package/build-style/style.css
CHANGED
|
@@ -238,7 +238,8 @@
|
|
|
238
238
|
}
|
|
239
239
|
}
|
|
240
240
|
|
|
241
|
-
.dataviews-wrapper
|
|
241
|
+
.dataviews-wrapper,
|
|
242
|
+
.dataviews-picker-wrapper {
|
|
242
243
|
height: 100%;
|
|
243
244
|
overflow: auto;
|
|
244
245
|
box-sizing: border-box;
|
|
@@ -351,7 +352,8 @@
|
|
|
351
352
|
/**
|
|
352
353
|
* Applying a consistent 24px padding when DataViews are placed within cards.
|
|
353
354
|
*/
|
|
354
|
-
.components-card__body:has(> .dataviews-wrapper)
|
|
355
|
+
.components-card__body:has(> .dataviews-wrapper),
|
|
356
|
+
.components-card__body:has(> .dataviews-picker-wrapper) {
|
|
355
357
|
padding: 8px 0 0;
|
|
356
358
|
overflow: hidden;
|
|
357
359
|
}
|
|
@@ -360,15 +362,25 @@
|
|
|
360
362
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-footer,
|
|
361
363
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-grid,
|
|
362
364
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-loading,
|
|
363
|
-
.components-card__body:has(> .dataviews-wrapper) .dataviews-no-results
|
|
365
|
+
.components-card__body:has(> .dataviews-wrapper) .dataviews-no-results,
|
|
366
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews__view-actions,
|
|
367
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-filters__container,
|
|
368
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-footer,
|
|
369
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-grid,
|
|
370
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-loading,
|
|
371
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-no-results {
|
|
364
372
|
padding-inline: 24px;
|
|
365
373
|
}
|
|
366
374
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:first-child,
|
|
367
|
-
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child
|
|
375
|
+
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child,
|
|
376
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:first-child,
|
|
377
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:first-child {
|
|
368
378
|
padding-inline-start: 24px;
|
|
369
379
|
}
|
|
370
380
|
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:last-child,
|
|
371
|
-
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child
|
|
381
|
+
.components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child,
|
|
382
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:last-child,
|
|
383
|
+
.components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:last-child {
|
|
372
384
|
padding-inline-end: 24px;
|
|
373
385
|
}
|
|
374
386
|
|
|
@@ -941,6 +953,15 @@
|
|
|
941
953
|
z-index: 1000001;
|
|
942
954
|
}
|
|
943
955
|
|
|
956
|
+
.dataviews-picker-footer__bulk-selection {
|
|
957
|
+
align-self: flex-start;
|
|
958
|
+
height: 32px;
|
|
959
|
+
}
|
|
960
|
+
|
|
961
|
+
.dataviews-picker-footer__actions {
|
|
962
|
+
align-self: flex-end;
|
|
963
|
+
}
|
|
964
|
+
|
|
944
965
|
.dataviews-selection-checkbox {
|
|
945
966
|
--checkbox-input-size: 24px;
|
|
946
967
|
line-height: 0;
|
|
@@ -1052,7 +1073,7 @@
|
|
|
1052
1073
|
color: #757575;
|
|
1053
1074
|
}
|
|
1054
1075
|
|
|
1055
|
-
.dataviews-view-grid {
|
|
1076
|
+
.dataviews-view-grid-items {
|
|
1056
1077
|
margin-bottom: auto;
|
|
1057
1078
|
display: grid;
|
|
1058
1079
|
gap: 32px;
|
|
@@ -1061,21 +1082,22 @@
|
|
|
1061
1082
|
padding: 0 48px 24px;
|
|
1062
1083
|
container-type: inline-size;
|
|
1063
1084
|
/**
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1085
|
+
* Breakpoints were adjusted from media queries breakpoints to account for
|
|
1086
|
+
* the sidebar width. This was done to match the existing styles we had.
|
|
1087
|
+
*/
|
|
1067
1088
|
}
|
|
1068
1089
|
@container (max-width: 430px) {
|
|
1069
|
-
.dataviews-view-grid {
|
|
1090
|
+
.dataviews-view-grid-items {
|
|
1070
1091
|
padding-left: 24px;
|
|
1071
1092
|
padding-right: 24px;
|
|
1072
1093
|
}
|
|
1073
1094
|
}
|
|
1074
1095
|
@media not (prefers-reduced-motion) {
|
|
1075
|
-
.dataviews-view-grid {
|
|
1096
|
+
.dataviews-view-grid-items {
|
|
1076
1097
|
transition: padding ease-out 0.1s;
|
|
1077
1098
|
}
|
|
1078
1099
|
}
|
|
1100
|
+
|
|
1079
1101
|
.dataviews-view-grid .dataviews-view-grid__card {
|
|
1080
1102
|
height: 100%;
|
|
1081
1103
|
justify-content: flex-start;
|
|
@@ -1674,6 +1696,167 @@ div.dataviews-view-list {
|
|
|
1674
1696
|
color: #1e1e1e;
|
|
1675
1697
|
}
|
|
1676
1698
|
|
|
1699
|
+
.dataviews-view-grid-items {
|
|
1700
|
+
margin-bottom: auto;
|
|
1701
|
+
display: grid;
|
|
1702
|
+
gap: 32px;
|
|
1703
|
+
grid-template-rows: max-content;
|
|
1704
|
+
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
|
|
1705
|
+
padding: 0 48px 24px;
|
|
1706
|
+
container-type: inline-size;
|
|
1707
|
+
/**
|
|
1708
|
+
* Breakpoints were adjusted from media queries breakpoints to account for
|
|
1709
|
+
* the sidebar width. This was done to match the existing styles we had.
|
|
1710
|
+
*/
|
|
1711
|
+
}
|
|
1712
|
+
@container (max-width: 430px) {
|
|
1713
|
+
.dataviews-view-grid-items {
|
|
1714
|
+
padding-left: 24px;
|
|
1715
|
+
padding-right: 24px;
|
|
1716
|
+
}
|
|
1717
|
+
}
|
|
1718
|
+
@media not (prefers-reduced-motion) {
|
|
1719
|
+
.dataviews-view-grid-items {
|
|
1720
|
+
transition: padding ease-out 0.1s;
|
|
1721
|
+
}
|
|
1722
|
+
}
|
|
1723
|
+
|
|
1724
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card {
|
|
1725
|
+
height: 100%;
|
|
1726
|
+
justify-content: flex-start;
|
|
1727
|
+
position: relative;
|
|
1728
|
+
}
|
|
1729
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions {
|
|
1730
|
+
padding: 8px 0 4px;
|
|
1731
|
+
}
|
|
1732
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
|
|
1733
|
+
min-height: 24px;
|
|
1734
|
+
display: flex;
|
|
1735
|
+
align-items: center;
|
|
1736
|
+
}
|
|
1737
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
|
|
1738
|
+
width: fit-content;
|
|
1739
|
+
}
|
|
1740
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
|
|
1741
|
+
color: #1e1e1e;
|
|
1742
|
+
}
|
|
1743
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after,
|
|
1744
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
|
|
1745
|
+
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
|
1746
|
+
}
|
|
1747
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
|
|
1748
|
+
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
|
|
1749
|
+
}
|
|
1750
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
|
|
1751
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
1752
|
+
}
|
|
1753
|
+
.dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
|
|
1754
|
+
outline: none;
|
|
1755
|
+
}
|
|
1756
|
+
.dataviews-view-picker-grid:focus-visible [data-active-item=true] {
|
|
1757
|
+
outline: 2px solid var(--wp-admin-theme-color);
|
|
1758
|
+
}
|
|
1759
|
+
.dataviews-view-picker-grid .dataviews-selection-checkbox {
|
|
1760
|
+
top: 8px !important;
|
|
1761
|
+
}
|
|
1762
|
+
.dataviews-view-picker-grid .dataviews-selection-checkbox input {
|
|
1763
|
+
pointer-events: none;
|
|
1764
|
+
}
|
|
1765
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__media {
|
|
1766
|
+
width: 100%;
|
|
1767
|
+
aspect-ratio: 1/1;
|
|
1768
|
+
background-color: #fff;
|
|
1769
|
+
border-radius: 4px;
|
|
1770
|
+
position: relative;
|
|
1771
|
+
}
|
|
1772
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
|
|
1773
|
+
object-fit: cover;
|
|
1774
|
+
width: 100%;
|
|
1775
|
+
height: 100%;
|
|
1776
|
+
}
|
|
1777
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__media::after {
|
|
1778
|
+
content: "";
|
|
1779
|
+
position: absolute;
|
|
1780
|
+
top: 0;
|
|
1781
|
+
left: 0;
|
|
1782
|
+
width: 100%;
|
|
1783
|
+
height: 100%;
|
|
1784
|
+
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
1785
|
+
border-radius: 4px;
|
|
1786
|
+
pointer-events: none;
|
|
1787
|
+
}
|
|
1788
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
|
|
1789
|
+
position: relative;
|
|
1790
|
+
font-size: 12px;
|
|
1791
|
+
line-height: 16px;
|
|
1792
|
+
}
|
|
1793
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) {
|
|
1794
|
+
padding: 0 0 12px;
|
|
1795
|
+
}
|
|
1796
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
|
|
1797
|
+
min-height: 24px;
|
|
1798
|
+
line-height: 20px;
|
|
1799
|
+
padding-top: 2px;
|
|
1800
|
+
}
|
|
1801
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
|
|
1802
|
+
min-height: 24px;
|
|
1803
|
+
align-items: center;
|
|
1804
|
+
}
|
|
1805
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
|
|
1806
|
+
width: 35%;
|
|
1807
|
+
color: #757575;
|
|
1808
|
+
overflow: hidden;
|
|
1809
|
+
text-overflow: ellipsis;
|
|
1810
|
+
white-space: nowrap;
|
|
1811
|
+
}
|
|
1812
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
|
|
1813
|
+
width: 65%;
|
|
1814
|
+
overflow: hidden;
|
|
1815
|
+
text-overflow: ellipsis;
|
|
1816
|
+
white-space: nowrap;
|
|
1817
|
+
}
|
|
1818
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))) {
|
|
1819
|
+
display: none;
|
|
1820
|
+
}
|
|
1821
|
+
.dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) {
|
|
1822
|
+
padding-bottom: 12px;
|
|
1823
|
+
}
|
|
1824
|
+
|
|
1825
|
+
.dataviews-view-picker-grid__field-value:empty,
|
|
1826
|
+
.dataviews-view-picker-grid__field:empty {
|
|
1827
|
+
display: none;
|
|
1828
|
+
}
|
|
1829
|
+
|
|
1830
|
+
.dataviews-view-picker-grid__card .dataviews-selection-checkbox {
|
|
1831
|
+
position: absolute;
|
|
1832
|
+
top: -9999em;
|
|
1833
|
+
left: 8px;
|
|
1834
|
+
z-index: 1;
|
|
1835
|
+
}
|
|
1836
|
+
@media (hover: none) {
|
|
1837
|
+
.dataviews-view-picker-grid__card .dataviews-selection-checkbox {
|
|
1838
|
+
top: 8px;
|
|
1839
|
+
}
|
|
1840
|
+
}
|
|
1841
|
+
|
|
1842
|
+
.dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox,
|
|
1843
|
+
.dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox,
|
|
1844
|
+
.dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox {
|
|
1845
|
+
top: 8px;
|
|
1846
|
+
}
|
|
1847
|
+
|
|
1848
|
+
.dataviews-view-picker-grid__media--clickable {
|
|
1849
|
+
cursor: pointer;
|
|
1850
|
+
}
|
|
1851
|
+
|
|
1852
|
+
.dataviews-view-picker-grid-group__header {
|
|
1853
|
+
font-size: 15px;
|
|
1854
|
+
font-weight: 500;
|
|
1855
|
+
color: #1e1e1e;
|
|
1856
|
+
margin: 0 0 8px 0;
|
|
1857
|
+
padding: 0 48px;
|
|
1858
|
+
}
|
|
1859
|
+
|
|
1677
1860
|
.dataviews-controls__datetime {
|
|
1678
1861
|
border: none;
|
|
1679
1862
|
padding: 0;
|
|
@@ -3345,7 +3528,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3345
3528
|
contain: content;
|
|
3346
3529
|
}
|
|
3347
3530
|
|
|
3348
|
-
@keyframes
|
|
3531
|
+
@keyframes _s52gx_slide-from-right {
|
|
3349
3532
|
from {
|
|
3350
3533
|
transform: translateX(50px);
|
|
3351
3534
|
opacity: 0;
|
|
@@ -3355,7 +3538,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3355
3538
|
opacity: 1;
|
|
3356
3539
|
}
|
|
3357
3540
|
}
|
|
3358
|
-
@keyframes
|
|
3541
|
+
@keyframes _s52gx_slide-from-left {
|
|
3359
3542
|
from {
|
|
3360
3543
|
transform: translateX(-50px);
|
|
3361
3544
|
opacity: 0;
|
|
@@ -3411,10 +3594,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
|
|
|
3411
3594
|
}
|
|
3412
3595
|
}
|
|
3413
3596
|
.edit-site-sidebar__screen-wrapper.slide-from-left {
|
|
3414
|
-
animation-name:
|
|
3597
|
+
animation-name: _s52gx_slide-from-left;
|
|
3415
3598
|
}
|
|
3416
3599
|
.edit-site-sidebar__screen-wrapper.slide-from-right {
|
|
3417
|
-
animation-name:
|
|
3600
|
+
animation-name: _s52gx_slide-from-right;
|
|
3418
3601
|
}
|
|
3419
3602
|
|
|
3420
3603
|
.edit-site-sidebar-button {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/edit-site",
|
|
3
|
-
"version": "6.30.0",
|
|
3
|
+
"version": "6.30.1-next.836ecdcae.0",
|
|
4
4
|
"description": "Edit Site Page module for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -30,45 +30,45 @@
|
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@babel/runtime": "7.25.7",
|
|
32
32
|
"@react-spring/web": "^9.4.5",
|
|
33
|
-
"@wordpress/a11y": "^4.30.0",
|
|
34
|
-
"@wordpress/api-fetch": "^7.30.0",
|
|
35
|
-
"@wordpress/blob": "^4.30.0",
|
|
36
|
-
"@wordpress/block-editor": "^15.3.0",
|
|
37
|
-
"@wordpress/block-library": "^9.30.0",
|
|
38
|
-
"@wordpress/blocks": "^15.3.0",
|
|
39
|
-
"@wordpress/commands": "^1.30.0",
|
|
40
|
-
"@wordpress/components": "^30.3.0",
|
|
41
|
-
"@wordpress/compose": "^7.30.0",
|
|
42
|
-
"@wordpress/core-data": "^7.30.0",
|
|
43
|
-
"@wordpress/data": "^10.30.0",
|
|
44
|
-
"@wordpress/dataviews": "^8.0.0",
|
|
45
|
-
"@wordpress/date": "^5.30.0",
|
|
46
|
-
"@wordpress/deprecated": "^4.30.0",
|
|
47
|
-
"@wordpress/dom": "^4.30.0",
|
|
48
|
-
"@wordpress/editor": "^14.30.0",
|
|
49
|
-
"@wordpress/element": "^6.30.0",
|
|
50
|
-
"@wordpress/escape-html": "^3.30.0",
|
|
51
|
-
"@wordpress/fields": "^0.22.0",
|
|
52
|
-
"@wordpress/hooks": "^4.30.0",
|
|
53
|
-
"@wordpress/html-entities": "^4.30.0",
|
|
54
|
-
"@wordpress/i18n": "^6.3.0",
|
|
55
|
-
"@wordpress/icons": "^10.30.0",
|
|
56
|
-
"@wordpress/keyboard-shortcuts": "^5.30.0",
|
|
57
|
-
"@wordpress/keycodes": "^4.30.0",
|
|
58
|
-
"@wordpress/media-utils": "^5.30.0",
|
|
59
|
-
"@wordpress/notices": "^5.30.0",
|
|
60
|
-
"@wordpress/patterns": "^2.30.0",
|
|
61
|
-
"@wordpress/plugins": "^7.30.0",
|
|
62
|
-
"@wordpress/preferences": "^4.30.0",
|
|
63
|
-
"@wordpress/primitives": "^4.30.0",
|
|
64
|
-
"@wordpress/private-apis": "^1.30.0",
|
|
65
|
-
"@wordpress/reusable-blocks": "^5.30.0",
|
|
66
|
-
"@wordpress/router": "^1.30.0",
|
|
67
|
-
"@wordpress/style-engine": "^2.30.0",
|
|
68
|
-
"@wordpress/url": "^4.30.0",
|
|
69
|
-
"@wordpress/viewport": "^6.30.0",
|
|
70
|
-
"@wordpress/widgets": "^4.30.0",
|
|
71
|
-
"@wordpress/wordcount": "^4.30.0",
|
|
33
|
+
"@wordpress/a11y": "^4.30.1-next.836ecdcae.0",
|
|
34
|
+
"@wordpress/api-fetch": "^7.30.1-next.836ecdcae.0",
|
|
35
|
+
"@wordpress/blob": "^4.30.1-next.836ecdcae.0",
|
|
36
|
+
"@wordpress/block-editor": "^15.3.1-next.836ecdcae.0",
|
|
37
|
+
"@wordpress/block-library": "^9.30.1-next.836ecdcae.0",
|
|
38
|
+
"@wordpress/blocks": "^15.3.1-next.836ecdcae.0",
|
|
39
|
+
"@wordpress/commands": "^1.30.1-next.836ecdcae.0",
|
|
40
|
+
"@wordpress/components": "^30.3.2-next.836ecdcae.0",
|
|
41
|
+
"@wordpress/compose": "^7.30.1-next.836ecdcae.0",
|
|
42
|
+
"@wordpress/core-data": "^7.30.1-next.836ecdcae.0",
|
|
43
|
+
"@wordpress/data": "^10.30.1-next.836ecdcae.0",
|
|
44
|
+
"@wordpress/dataviews": "^8.0.2-next.836ecdcae.0",
|
|
45
|
+
"@wordpress/date": "^5.30.1-next.836ecdcae.0",
|
|
46
|
+
"@wordpress/deprecated": "^4.30.1-next.836ecdcae.0",
|
|
47
|
+
"@wordpress/dom": "^4.30.1-next.836ecdcae.0",
|
|
48
|
+
"@wordpress/editor": "^14.30.1-next.836ecdcae.0",
|
|
49
|
+
"@wordpress/element": "^6.30.1-next.836ecdcae.0",
|
|
50
|
+
"@wordpress/escape-html": "^3.30.1-next.836ecdcae.0",
|
|
51
|
+
"@wordpress/fields": "^0.22.1-next.836ecdcae.0",
|
|
52
|
+
"@wordpress/hooks": "^4.30.1-next.836ecdcae.0",
|
|
53
|
+
"@wordpress/html-entities": "^4.30.1-next.836ecdcae.0",
|
|
54
|
+
"@wordpress/i18n": "^6.3.1-next.836ecdcae.0",
|
|
55
|
+
"@wordpress/icons": "^10.30.1-next.836ecdcae.0",
|
|
56
|
+
"@wordpress/keyboard-shortcuts": "^5.30.1-next.836ecdcae.0",
|
|
57
|
+
"@wordpress/keycodes": "^4.30.1-next.836ecdcae.0",
|
|
58
|
+
"@wordpress/media-utils": "^5.30.1-next.836ecdcae.0",
|
|
59
|
+
"@wordpress/notices": "^5.30.1-next.836ecdcae.0",
|
|
60
|
+
"@wordpress/patterns": "^2.30.1-next.836ecdcae.0",
|
|
61
|
+
"@wordpress/plugins": "^7.30.1-next.836ecdcae.0",
|
|
62
|
+
"@wordpress/preferences": "^4.30.1-next.836ecdcae.0",
|
|
63
|
+
"@wordpress/primitives": "^4.30.1-next.836ecdcae.0",
|
|
64
|
+
"@wordpress/private-apis": "^1.30.1-next.836ecdcae.0",
|
|
65
|
+
"@wordpress/reusable-blocks": "^5.30.1-next.836ecdcae.0",
|
|
66
|
+
"@wordpress/router": "^1.30.1-next.836ecdcae.0",
|
|
67
|
+
"@wordpress/style-engine": "^2.30.1-next.836ecdcae.0",
|
|
68
|
+
"@wordpress/url": "^4.30.1-next.836ecdcae.0",
|
|
69
|
+
"@wordpress/viewport": "^6.30.1-next.836ecdcae.0",
|
|
70
|
+
"@wordpress/widgets": "^4.30.1-next.836ecdcae.0",
|
|
71
|
+
"@wordpress/wordcount": "^4.30.1-next.836ecdcae.0",
|
|
72
72
|
"change-case": "^4.1.2",
|
|
73
73
|
"clsx": "^2.1.1",
|
|
74
74
|
"colord": "^2.9.2",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"publishConfig": {
|
|
84
84
|
"access": "public"
|
|
85
85
|
},
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "3e60b4c1e78d7b27acbf1d7dd172bbd64358a0f2"
|
|
87
87
|
}
|