@goodfellow-cms/admin 0.5.0 → 0.6.0

package/styles.css

@@ -196,11 +196,6 @@ body,
   overflow: auto;
 }
 
-.gfa-settings-content > .gfa-screen {
-  margin: 0;
-  padding: 24px;
-}
-
 .gfa-sidebar {
   display: flex;
   flex-direction: column;
@@ -236,6 +231,23 @@ body,
   border-top: 1px solid var(--gfa-border);
 }
 
+/*
+ * A plugin's screen, drawn by the plugin in a frame of its own, which looks
+ * like any other screen: as wide as the screen, with no border, and as tall
+ * as what the plugin draws, which its frame reports.
+ */
+.gfa-plugin-screen {
+  display: block;
+  width: 100%;
+  min-height: 240px;
+  border: 0;
+  background: var(--gfa-bg);
+}
+
+.gfa-plugin-screen-wrap > .gfa-error {
+  margin: 24px;
+}
+
 .gfa-sidebar-item {
   position: relative;
   display: flex;
@@ -282,7 +294,7 @@ body,
   text-overflow: ellipsis;
 }
 
-.gfa-sidebar-toggle {
+.gfa-sidebar-footer {
   margin-top: auto;
 }
 
@@ -337,6 +349,12 @@ body,
   padding: 24px 16px;
 }
 
+/* Site Settings' tabs sit beside the sidebar, left-aligned. */
+.gfa-settings-content > .gfa-screen {
+  margin: 0;
+  padding: 24px;
+}
+
 .gfa-screen-header {
   display: flex;
   align-items: center;
@@ -1028,6 +1046,17 @@ body,
   gap: 4px;
 }
 
+/* Tools an editor plugin doesn't have, such as Puck's sidebars and preview widths. */
+.gfa-editor-tools[hidden] {
+  display: none;
+}
+
+/* Which editor to edit with, where the site has editor plugins. */
+.gfa-editor-choice {
+  font-size: 13px;
+  color: var(--gfa-muted);
+}
+
 .gfa-editor-tools .gfa-button[aria-pressed="true"],
 .gfa-header-actions .gfa-button[aria-pressed="true"] {
   background: var(--gfa-current-bg);
@@ -1341,6 +1370,54 @@ body,
 }
 
 .gfa-media-actions .gfa-button,
+/* A table's cells, in the editor's fields. */
+.gfa-table-field {
+  padding: 0 16px 16px;
+  font:
+    14px / 1.5 ui-sans-serif,
+    system-ui,
+    sans-serif;
+}
+
+.gfa-table-field-label {
+  margin-bottom: 8px;
+  font-weight: 600;
+}
+
+.gfa-table-field-grid {
+  display: grid;
+  gap: 4px;
+  overflow-x: auto;
+}
+
+.gfa-table-field-row {
+  display: contents;
+}
+
+.gfa-table-field-cell {
+  min-width: 0;
+}
+
+.gfa-table-field-remove {
+  border: 1px solid var(--gfa-border);
+  border-radius: var(--gfa-radius);
+  background: transparent;
+  color: var(--gfa-muted);
+  cursor: pointer;
+}
+
+.gfa-table-field-remove:disabled {
+  cursor: default;
+  opacity: 0.4;
+}
+
+.gfa-table-field-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 8px;
+}
+
 .gfa-media-chooser .gfa-button {
   min-height: 30px;
   padding: 0 10px;
@@ -1697,6 +1774,65 @@ body,
   overflow: hidden;
 }
 
+.gfa-theme-search {
+  display: flex;
+  align-items: flex-end;
+  gap: 8px;
+}
+
+.gfa-theme-search > :first-child {
+  flex: 1;
+}
+
+.gfa-theme-installed {
+  flex-wrap: wrap;
+}
+
+.gfa-theme-details {
+  display: grid;
+  gap: 12px;
+  margin: 16px 0;
+  padding: 16px;
+  border: 1px solid var(--gfa-border);
+  border-radius: var(--gfa-radius);
+  background: var(--gfa-surface);
+}
+
+.gfa-theme-details .gfa-screen-header {
+  margin-bottom: 0;
+}
+
+.gfa-theme-image {
+  max-width: 100%;
+  border: 1px solid var(--gfa-border);
+  border-radius: var(--gfa-radius);
+}
+
+.gfa-theme-swatches {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.gfa-theme-swatch {
+  display: block;
+  width: 28px;
+  height: 28px;
+  border: 1px solid var(--gfa-border);
+  border-radius: 50%;
+}
+
+.gfa-theme-preview {
+  position: relative;
+  height: 60vh;
+  border: 1px solid var(--gfa-border);
+  border-radius: var(--gfa-radius);
+  overflow: hidden;
+}
+
 .gfa-site-changes {
   display: grid;
   gap: 8px;