From c4db1fe93432a9735d11d770b76283f55b5599a5 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Wed, 15 Nov 2023 09:11:40 +0200
Subject: [PATCH] Issue #3397291 by Utkarsh_33, rkoller, smustgrave: Improve
the readability of the view mode and form mode page
(cherry picked from commit 005c0e91f89d90ef9bd4eff5b1a7db6344280eef)
---
.../field_ui/css/field_ui_display_mode_table.css | 13 +++++++++++++
core/modules/field_ui/field_ui.libraries.yml | 6 ++++++
.../field_ui/src/EntityDisplayModeListBuilder.php | 4 ++++
.../css/field_ui/field_ui_display_mode_table.css | 13 +++++++++++++
core/themes/stable9/stable9.info.yml | 4 ++++
5 files changed, 40 insertions(+)
create mode 100644 core/modules/field_ui/css/field_ui_display_mode_table.css
create mode 100644 core/themes/stable9/css/field_ui/field_ui_display_mode_table.css
diff --git a/core/modules/field_ui/css/field_ui_display_mode_table.css b/core/modules/field_ui/css/field_ui_display_mode_table.css
new file mode 100644
index 000000000000..d7da4b105039
--- /dev/null
+++ b/core/modules/field_ui/css/field_ui_display_mode_table.css
@@ -0,0 +1,13 @@
+.display-mode-table th:first-child {
+ width: 30%;
+}
+.display-mode-table th:nth-child(2) {
+ width: 50%;
+}
+.display-mode-table th:last-child {
+ width: 20%;
+}
+.display-mode-table td {
+ max-width: 50px;
+ word-wrap: break-word;
+}
diff --git a/core/modules/field_ui/field_ui.libraries.yml b/core/modules/field_ui/field_ui.libraries.yml
index 8aa2a27ac4fd..24f40877c5cf 100644
--- a/core/modules/field_ui/field_ui.libraries.yml
+++ b/core/modules/field_ui/field_ui.libraries.yml
@@ -21,3 +21,9 @@ drupal.field_ui.manage_fields:
theme:
css/field_ui_add_field.theme.css: {}
css/field_ui.icons.theme.css: {}
+
+drupal.field_ui_table:
+ version: VERSION
+ css:
+ theme:
+ css/field_ui_display_mode_table.css: {}
diff --git a/core/modules/field_ui/src/EntityDisplayModeListBuilder.php b/core/modules/field_ui/src/EntityDisplayModeListBuilder.php
index db6132b96a5a..aa5cbb59e587 100644
--- a/core/modules/field_ui/src/EntityDisplayModeListBuilder.php
+++ b/core/modules/field_ui/src/EntityDisplayModeListBuilder.php
@@ -129,6 +129,9 @@ public function render() {
'#type' => 'table',
'#header' => $this->buildHeader(),
'#rows' => [],
+ '#attributes' => [
+ 'class' => ['display-mode-table'],
+ ],
];
foreach ($entities as $entity) {
if ($row = $this->buildRow($entity)) {
@@ -158,6 +161,7 @@ public function render() {
'#attached' => [
'library' => [
'core/drupal.dialog.ajax',
+ 'field_ui/drupal.field_ui_table',
],
],
],
diff --git a/core/themes/stable9/css/field_ui/field_ui_display_mode_table.css b/core/themes/stable9/css/field_ui/field_ui_display_mode_table.css
new file mode 100644
index 000000000000..d7da4b105039
--- /dev/null
+++ b/core/themes/stable9/css/field_ui/field_ui_display_mode_table.css
@@ -0,0 +1,13 @@
+.display-mode-table th:first-child {
+ width: 30%;
+}
+.display-mode-table th:nth-child(2) {
+ width: 50%;
+}
+.display-mode-table th:last-child {
+ width: 20%;
+}
+.display-mode-table td {
+ max-width: 50px;
+ word-wrap: break-word;
+}
diff --git a/core/themes/stable9/stable9.info.yml b/core/themes/stable9/stable9.info.yml
index beb3b0c17af7..fd2dd2e022fb 100644
--- a/core/themes/stable9/stable9.info.yml
+++ b/core/themes/stable9/stable9.info.yml
@@ -296,6 +296,10 @@ libraries-override:
theme:
css/views_ui.admin.theme.css: css/views_ui/views_ui.admin.theme.css
css/views_ui.contextual.css: css/views_ui/views_ui.contextual.css
+ field_ui/drupal.field_ui_table:
+ css:
+ theme:
+ css/field_ui_display_mode_table.css: css/field_ui/field_ui_display_mode_table.css
libraries-extend:
tour/tour:
--
GitLab