diff --git a/packages/web/package.json b/packages/web/package.json index 2033cce..699315a 100644 --- a/packages/web/package.json +++ b/packages/web/package.json @@ -1,6 +1,6 @@ { "name": "@dangerousthings/web", - "version": "0.5.0", + "version": "0.5.1", "description": "Web CSS theme for the Dangerous Things design system — bevels, glows, form styles", "license": "MIT", "author": { diff --git a/packages/web/src/components/bevels.css b/packages/web/src/components/bevels.css index 22e91e9..2f7a9ee 100644 --- a/packages/web/src/components/bevels.css +++ b/packages/web/src/components/bevels.css @@ -407,9 +407,10 @@ /* Media frame placeholder — shows when no image/video is present. Surface-colored background is already provided by ::before. - This adds centered "MISSING MEDIA" text via ::after. */ + This adds centered "LOADING MEDIA" text via ::after. Mostly seen while + lazy media loads, so it must read as a loading state, not an error. */ .dt-bevel-media::after { - content: 'MISSING MEDIA'; + content: 'LOADING MEDIA'; position: absolute; inset: 0; display: flex; @@ -427,7 +428,7 @@ Uses surface background and centered placeholder text. */ .dt-badge-parent:empty::after, .card-body-flush:empty::after { - content: 'MISSING MEDIA'; + content: 'LOADING MEDIA'; display: flex; align-items: center; justify-content: center;