If you use Bartik as your front-end theme and edit and then preview a node, you'll see a nicely-styled form at the top of the page.

With a Zen sub-theme, this form has a transparent background and looks like a styling mistake when scrolling the page.

We should add a component named component/forms/preview-form or something.

It should extend or override the node/drupal.node.preview library.

CommentFileSizeAuthor
#2 node_preview-2737149-2.patch4.74 KBfinnsky
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

JohnAlbin created an issue. See original summary.

finnsky’s picture

Status: Active » Needs review
FileSize
4.74 KB

1) Bartik and Zen both have core/themes/stable/css/node/node.preview.css included. In Bartik it is simple overrided in css. I did same. But maybe we have to disable it?
2) We haven't core/themes/stable/css/system/components/container-inline.module.css in styleguide included. Thats why it looks broken in styleguide but OK in site
https://gyazo.com/1e42c285c45966a8234c017d147526ea - styleguide
https://gyazo.com/96e0392f45a122a1d5493755fbf7efb4 - site
Maybe we need to add 3col layout here.
3) I'm pretty sure we need to polish twig template.
4) I had to add fix in kss-only file to display preview container as relative

Please review. Thanks