diff --git a/common/changes/c2pa-wc/cai-6813-6855_2025-01-29-22-54.json b/common/changes/c2pa-wc/cai-6813-6855_2025-01-29-22-54.json new file mode 100644 index 00000000..80602e69 --- /dev/null +++ b/common/changes/c2pa-wc/cai-6813-6855_2025-01-29-22-54.json @@ -0,0 +1,10 @@ +{ + "changes": [ + { + "packageName": "c2pa-wc", + "comment": "Add disable state to inspect button in cai-manifest-sumamry", + "type": "patch" + } + ], + "packageName": "c2pa-wc" +} \ No newline at end of file diff --git a/packages/c2pa-wc/src/components/ManifestSummary/ManifestSummary.ts b/packages/c2pa-wc/src/components/ManifestSummary/ManifestSummary.ts index 86644f17..0cfd12ca 100644 --- a/packages/c2pa-wc/src/components/ManifestSummary/ManifestSummary.ts +++ b/packages/c2pa-wc/src/components/ManifestSummary/ManifestSummary.ts @@ -140,6 +140,22 @@ export class ManifestSummary extends Configurable( background-color: var(--cai-button-color); } + #view-more-disabled { + display: block; + transition: all 150ms ease-in-out; + background-color: transparent; + border-radius: 9999px; + border: 2px solid var(--cai-background-pill); + padding: 8px 0; + font-weight: bold; + text-align: center; + text-decoration: none; + width: 100%; + color: var(--cai-primary-color); + background-color: var(--cai-background-pill); + pointer-events: none; + } + .empty { display: none; } @@ -285,7 +301,16 @@ export class ManifestSummary extends Configurable( ${this.strings['manifest-summary.viewMore']} ` - : nothing} + : html` + + ${this.strings['manifest-summary.viewMore']} + + `} `; }