@rigel-cms/rigel 1.2.0 → 1.2.1

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/editor/lib/SchemaPanel.svelte +2 -4
  3. package/src/editor/styles.css +4 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rigel-cms/rigel",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
4
4
  "description": "A CMS for Astro sites. You edit the text, Git keeps the history.",
5
5
  "keywords": [
6
6
  "astro",
package/src/editor/lib/SchemaPanel.svelte CHANGED
@@ -95,9 +95,9 @@
95
95
  {#if docType.shared}
96
96
  <p class="shared-badge"><Icon name="info" size={12} /> {$t(docType.demo ? "fields.demoContentNotice" : "fields.sharedContentNotice")}</p>
97
97
  {/if}
98
- <div class:page-properties-header={!docType.shared}>
99
98
  {#if seoFields.length}<PropertiesTabs bind:tab />{/if}
100
- <section class="document-properties" hidden={tab !== "content"}>
99
+ <div id="properties-content" role={seoFields.length ? "tabpanel" : undefined} aria-labelledby={seoFields.length ? "properties-tab-content" : undefined} hidden={tab !== "content"}>
100
+ <section class="document-properties">
101
101
  <h3>{$t(docType.shared ? "fields.content" : "fields.pageProperties")}</h3>
102
102
  {#if !docType.shared}
103
103
  <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 @@
109
109
  </div>
110
110
  {/each}
111
111
  </section>
112
- </div>
113
- <div id="properties-content" role={seoFields.length ? "tabpanel" : undefined} aria-labelledby={seoFields.length ? "properties-tab-content" : undefined} hidden={tab !== "content"}>
114
112
  {#if creating}
115
113
  <p class="panel-note">{$t("fields.newPageNotice")}</p>
116
114
  {/if}
package/src/editor/styles.css CHANGED
@@ -1288,7 +1288,10 @@
1288
1288
  .rigel .select-empty { margin: 0; padding: 0.5rem; color: var(--text-2); }
1289
1289
  .rigel .add-section .custom-select { flex: 1; }
1290
1290
  @media (max-width: 767px) { .rigel .select-option { min-height: 2.75rem; } }
1291
- .rigel .page-properties-header { position: sticky; top: 0; z-index: 2; padding-top: 0.5rem; margin-top: -0.5rem; background: var(--panel); }
1291
+ .rigel .schema-panel:has(> .panel-tabs) { scroll-padding-top: 4rem; }
1292
+ .rigel .schema-panel .block-editor > .body-toolbar:not(.image-toolbar) { position: static; }
1293
+ .rigel .schema-panel > .panel-tabs { position: sticky; top: 0; z-index: 10; padding-top: 0.5rem; margin-top: -0.5rem; background: var(--panel); }
1294
+ .rigel .schema-panel > .panel-tabs::before { content: ""; position: absolute; inset: -1rem -1rem 0; z-index: -1; background: var(--panel); }
1292
1295
  .rigel .panel-tabs { display: flex; gap: 0.25rem; border-bottom: 1px solid var(--border-control); }
1293
1296
  .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; }
1294
1297
  .rigel .panel-tabs button[aria-selected="true"] { color: var(--accent); border-bottom-color: var(--accent); }