Skip to content

[6.x] .bard-fullscreen styles missing from dist build #13358

@martyf

Description

@martyf

Bug description

When opening a Bard field in Statamic 6, the background is missing.

The bard-fullscreen class is correctly added to the bard-fieldtype div, however there is no definition in the dist build.

In the Statamic 6 Alpha 19 install of the site, inspecting element and manually adding these styles resolves the issue:

.bard-fullscreen {
	position: fixed;
	inset: calc(var(--spacing) * 0);
	min-height: 100vh;
	overflow: scroll;
	border-radius: 0;
	--tw-border-style: none;
	border-style: none;
	background-color: var(--theme-color-gray-100);
	padding-top: calc(var(--spacing) * 14);
}

This .bard-fullscreen definition is what is missing in the dist version of the install process.

Statamic 6 Alpha 19:
Image

In the Statamic 6 dev build (i.e. npm run dev) the issue is not present. It only appears in the dist build.

Statamic 6 dev build:
Image

How to reproduce

  1. Install Statamic 6 Alpha 19 (was also present in 18)
  2. Add a Bard field to the Page Blueprint
  3. Create an Entry, and open the Bard field as Full Screen

Logs

Environment

Environment
Application Name: Statamic
Laravel Version: 12.43.1
PHP Version: 8.4.15
Composer Version: 2.9.2
Environment: local
Debug Mode: ENABLED
URL: s6-plain.test
Maintenance Mode: OFF
Timezone: UTC
Locale: en

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: sqlite
Logs: stack / single
Mail: log
Queue: sync
Session: file

Storage
public/storage: NOT LINKED

Statamic
Addons: 0
Sites: 1
Stache Watcher: Enabled (auto)
Static Caching: Disabled
Version: 6.0.0-alpha.19 PRO

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions