From cc24ab06c9e271c000b88903d69dd0b14279f48e 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
---
.../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 000000000000..ccdf4361472e
--- /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 1e615dea31ab..03bc779fdc1b 100644
--- a/core/profiles/demo_umami/themes/umami/umami.info.yml
+++ b/core/profiles/demo_umami/themes/umami/umami.info.yml
@@ -47,6 +47,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 168a58b15e15..802239312399 100644
--- a/core/profiles/demo_umami/themes/umami/umami.libraries.yml
+++ b/core/profiles/demo_umami/themes/umami/umami.libraries.yml
@@ -224,3 +224,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: {}
--
GitLab