@dream-encode/wp-js-plugin-utils 0.6.0 → 0.6.2
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.
|
@@ -173,8 +173,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
173
173
|
role: "tabpanel",
|
|
174
174
|
"aria-labelledby": `de-settings-tab-${activeSection.key}`,
|
|
175
175
|
tabIndex: 0,
|
|
176
|
-
children: !settingsLoaded ? /*#__PURE__*/(0, _jsxRuntime.
|
|
177
|
-
|
|
176
|
+
children: !settingsLoaded ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
177
|
+
className: "de-settings__loading",
|
|
178
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
179
|
+
children: (0, _i18n.__)('Loading settings…', textDomain)
|
|
180
|
+
})]
|
|
178
181
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_element.Fragment, {
|
|
179
182
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Notices.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
180
183
|
className: "de-settings__pane-head",
|
|
@@ -137,6 +137,7 @@
|
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
.de-settings__rail {
|
|
140
|
+
margin-left: 1rem;
|
|
140
141
|
background: var( --de-settings-surface );
|
|
141
142
|
border-right: 1px solid var( --de-settings-line );
|
|
142
143
|
}
|
|
@@ -262,6 +263,19 @@
|
|
|
262
263
|
}
|
|
263
264
|
}
|
|
264
265
|
|
|
266
|
+
.de-settings__loading {
|
|
267
|
+
display: flex;
|
|
268
|
+
align-items: center;
|
|
269
|
+
gap: 8px;
|
|
270
|
+
padding: 32px 0;
|
|
271
|
+
color: var( --de-settings-ink-faint );
|
|
272
|
+
|
|
273
|
+
p {
|
|
274
|
+
margin: 0;
|
|
275
|
+
font-size: 13px;
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
|
+
|
|
265
279
|
.de-settings__pane-head {
|
|
266
280
|
margin-bottom: 18px;
|
|
267
281
|
|
|
@@ -298,6 +312,46 @@
|
|
|
298
312
|
gap: 20px;
|
|
299
313
|
}
|
|
300
314
|
|
|
315
|
+
.de-settings__action {
|
|
316
|
+
display: flex;
|
|
317
|
+
align-items: flex-start;
|
|
318
|
+
gap: 24px;
|
|
319
|
+
padding: 16px 0;
|
|
320
|
+
border-bottom: 1px solid #f0f0f1;
|
|
321
|
+
|
|
322
|
+
&:first-child {
|
|
323
|
+
padding-top: 0;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
&:last-child {
|
|
327
|
+
padding-bottom: 0;
|
|
328
|
+
border-bottom: 0;
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
.de-settings__action-description {
|
|
333
|
+
flex: 1;
|
|
334
|
+
min-width: 0;
|
|
335
|
+
|
|
336
|
+
strong {
|
|
337
|
+
display: block;
|
|
338
|
+
font-size: 13px;
|
|
339
|
+
color: var( --de-settings-ink );
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
p {
|
|
343
|
+
margin: 4px 0 0;
|
|
344
|
+
font-size: 12.5px;
|
|
345
|
+
line-height: 1.5;
|
|
346
|
+
color: var( --de-settings-ink-faint );
|
|
347
|
+
max-width: 78ch;
|
|
348
|
+
}
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
.de-settings__action-button {
|
|
352
|
+
flex: none;
|
|
353
|
+
}
|
|
354
|
+
|
|
301
355
|
.de-settings__field {
|
|
302
356
|
max-width: 640px;
|
|
303
357
|
|