From 27e75830e0c49a0c32451463964704fa875b25e7 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Mon, 3 Apr 2023 10:12:43 +0300
Subject: [PATCH] Issue #3002443 by markconroy, lauriii, smustgrave, larowlan:
 Improve preview usability

(cherry picked from commit cc24ab06c9e271c000b88903d69dd0b14279f48e)
---
 .../css/components/content/node-preview.css   | 20 +++++++++++++++++++
 .../demo_umami/themes/umami/umami.info.yml    |  2 ++
 .../themes/umami/umami.libraries.yml          |  6 ++++++
 3 files changed, 28 insertions(+)
 create mode 100644 core/profiles/demo_umami/themes/umami/css/components/content/node-preview.css

diff --git a/core/profiles/demo_umami/themes/umami/css/components/content/node-preview.css b/core/profiles/demo_umami/themes/umami/css/components/content/node-preview.css
new file mode 100644
index 00000000000..ccdf4361472
--- /dev/null
+++ b/core/profiles/demo_umami/themes/umami/css/components/content/node-preview.css
@@ -0,0 +1,20 @@
+/**
+ * @file
+ * This file is used for node preview styling.
+ */
+
+.node-preview-container {
+  position: initial;
+}
+.node-preview-form-select {
+  display: flex;
+}
+.node-preview-backlink {
+  display: inline-flex;
+  align-items: center;
+  margin-inline: 0 auto;
+}
+.node-preview-container .form-item,
+.node-preview-container .form-actions {
+  margin-block: 0;
+}
diff --git a/core/profiles/demo_umami/themes/umami/umami.info.yml b/core/profiles/demo_umami/themes/umami/umami.info.yml
index 35fe076ff52..f19837ed772 100644
--- a/core/profiles/demo_umami/themes/umami/umami.info.yml
+++ b/core/profiles/demo_umami/themes/umami/umami.info.yml
@@ -46,6 +46,8 @@ libraries-extend:
     - umami/classy.media_library
   user/drupal.user:
     - umami/user
+  node/drupal.node.preview:
+    - umami/drupal.node.preview
 
 regions:
   pre_header: Pre-header
diff --git a/core/profiles/demo_umami/themes/umami/umami.libraries.yml b/core/profiles/demo_umami/themes/umami/umami.libraries.yml
index db84ec743d9..59bc4bf2d4c 100644
--- a/core/profiles/demo_umami/themes/umami/umami.libraries.yml
+++ b/core/profiles/demo_umami/themes/umami/umami.libraries.yml
@@ -222,3 +222,9 @@ classy.search-results:
   css:
     component:
       css/classy/components/search-results.css: {}
+
+drupal.node.preview:
+  version: VERSION
+  css:
+    theme:
+      css/components/content/node-preview.css: {}