@rigel-cms/rigel 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rigel-cms/rigel",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "A CMS for Astro sites. You edit the text, Git keeps the history.",
   "keywords": [
     "astro",

package/src/editor/lib/SchemaPanel.svelte

@@ -95,9 +95,9 @@
   {#if docType.shared}
     <p class="shared-badge"><Icon name="info" size={12} /> {$t(docType.demo ? "fields.demoContentNotice" : "fields.sharedContentNotice")}</p>
   {/if}
-  <div class:page-properties-header={!docType.shared}>
   {#if seoFields.length}<PropertiesTabs bind:tab />{/if}
-  <section class="document-properties" hidden={tab !== "content"}>
+  <div id="properties-content" role={seoFields.length ? "tabpanel" : undefined} aria-labelledby={seoFields.length ? "properties-tab-content" : undefined} hidden={tab !== "content"}>
+  <section class="document-properties">
     <h3>{$t(docType.shared ? "fields.content" : "fields.pageProperties")}</h3>
     {#if !docType.shared}
       <label><span>{$t("fields.urlSlug")}</span><input type="text" value={String(values.slug ?? docId.slice(docType.name.length + 1))} oninput={(event) => onchange({ ...values, slug: event.currentTarget.value })} onblur={() => { if (Object.hasOwn(values, "slug")) onchange({ ...values, slug: slugify(String(values.slug)) }); }} /></label>
@@ -109,8 +109,6 @@
       </div>
     {/each}
   </section>
-  </div>
-  <div id="properties-content" role={seoFields.length ? "tabpanel" : undefined} aria-labelledby={seoFields.length ? "properties-tab-content" : undefined} hidden={tab !== "content"}>
   {#if creating}
     <p class="panel-note">{$t("fields.newPageNotice")}</p>
   {/if}

package/src/editor/styles.css

@@ -1288,7 +1288,10 @@
 .rigel .select-empty { margin: 0; padding: 0.5rem; color: var(--text-2); }
 .rigel .add-section .custom-select { flex: 1; }
 @media (max-width: 767px) { .rigel .select-option { min-height: 2.75rem; } }
-.rigel .page-properties-header { position: sticky; top: 0; z-index: 2; padding-top: 0.5rem; margin-top: -0.5rem; background: var(--panel); }
+.rigel .schema-panel:has(> .panel-tabs) { scroll-padding-top: 4rem; }
+.rigel .schema-panel .block-editor > .body-toolbar:not(.image-toolbar) { position: static; }
+.rigel .schema-panel > .panel-tabs { position: sticky; top: 0; z-index: 10; padding-top: 0.5rem; margin-top: -0.5rem; background: var(--panel); }
+.rigel .schema-panel > .panel-tabs::before { content: ""; position: absolute; inset: -1rem -1rem 0; z-index: -1; background: var(--panel); }
 .rigel .panel-tabs { display: flex; gap: 0.25rem; border-bottom: 1px solid var(--border-control); }
 .rigel .panel-tabs button { flex: 1; padding: 0.5rem 0.75rem; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--text-2); font: inherit; font-size: 0.8125rem; cursor: pointer; }
 .rigel .panel-tabs button[aria-selected="true"] { color: var(--accent); border-bottom-color: var(--accent); }

package/src/manifest/navigation.ts

@@ -31,7 +31,6 @@ export function navigationKey(target: Selection): string {
 export function buildSidebar(manifest: Manifest, message: Translator = systemMessage): SidebarNode[] {
   const link = (target: SidebarTarget, label: string): SidebarLink => ({ kind: "link", target, label });
   const types = manifest.schema?.documents ?? [];
-  const pageTypes = types.filter(type => !type.shared);
   const pages = manifest.pages.filter(page => !page.shared);
   const categories = [...new Set(pages.map(page => page.category).filter((category): category is string => !!category))].sort();
   const defaults: SidebarNode[] = [
@@ -39,7 +38,6 @@ export function buildSidebar(manifest: Manifest, message: Translator = systemMes
     link({ kind: "pages" }, message("system.sidebar.pages")),
     ...(manifest.collections ?? []).map(collection => link({ kind: "collection", name: collection.name }, collection.label)),
     ...categories.map(category => link({ kind: "pages", category }, category)),
-    ...pageTypes.slice(1).map(type => link({ kind: "documents", type: type.name }, type.title)),
     { kind: "heading", label: message("system.sidebar.shared") },
     ...types.filter(type => type.shared && !type.singleton).map(type => link({ kind: "documents", type: type.name }, type.title)),
     ...manifest.pages.filter(page => page.shared).map(page => link({ kind: "page", slug: page.slug }, page.label)),