From 034ab06c5f5df75de271f145b8195202651d3882 Mon Sep 17 00:00:00 2001
From: Scott Carpenter <scott@optasy.com>
Date: Wed, 28 Feb 2024 13:17:42 -0500
Subject: [PATCH] Issue #3184588 by SKAUGHT.  Make Views UI disabled status
 more obvious.

---
 core/modules/views_ui/css/views_ui.admin.theme.css        | 7 ++++++-
 core/themes/claro/css/theme/views_ui.admin.theme.css      | 8 ++++++++
 core/themes/claro/css/theme/views_ui.admin.theme.pcss.css | 7 ++++++-
 core/themes/stable9/css/views_ui/views_ui.admin.theme.css | 7 ++++++-
 4 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/core/modules/views_ui/css/views_ui.admin.theme.css b/core/modules/views_ui/css/views_ui.admin.theme.css
index 63112b3cd70b..2d8fe5081f9b 100644
--- a/core/modules/views_ui/css/views_ui.admin.theme.css
+++ b/core/modules/views_ui/css/views_ui.admin.theme.css
@@ -568,7 +568,12 @@ td.group-title {
 .views-edit-view {
   margin-bottom: 15px;
 }
-
+.views-edit-view.disabled .views-displays {
+  background-color: #fff4f4;
+}
+.views-edit-view.disabled .views-display-column {
+  background: white;
+}
 /* The contents of the popup dialog on the views edit form. */
 .views-filterable-options .form-type-checkbox {
   padding: 5px 8px;
diff --git a/core/themes/claro/css/theme/views_ui.admin.theme.css b/core/themes/claro/css/theme/views_ui.admin.theme.css
index 1dbca8666274..50cbeabd2c41 100644
--- a/core/themes/claro/css/theme/views_ui.admin.theme.css
+++ b/core/themes/claro/css/theme/views_ui.admin.theme.css
@@ -520,6 +520,14 @@ td.group-title {
   margin-bottom: 0.9375rem;
 }
 
+.views-edit-view.disabled .views-displays {
+  background-color: var(--color-red-020);
+}
+
+.views-edit-view.disabled .views-display-column {
+  background: var(--color-white);
+}
+
 /* The contents of the popup dialog on the views edit form. */
 
 .views-filterable-options .form-type-checkbox {
diff --git a/core/themes/claro/css/theme/views_ui.admin.theme.pcss.css b/core/themes/claro/css/theme/views_ui.admin.theme.pcss.css
index 82c89cc32405..80372bfd1593 100644
--- a/core/themes/claro/css/theme/views_ui.admin.theme.pcss.css
+++ b/core/themes/claro/css/theme/views_ui.admin.theme.pcss.css
@@ -412,7 +412,12 @@ td.group-title {
 .views-edit-view {
   margin-bottom: 15px;
 }
-
+.views-edit-view.disabled .views-displays {
+  background-color: var(--color-red-020);
+}
+.views-edit-view.disabled .views-display-column {
+  background: var(--color-white);
+}
 /* The contents of the popup dialog on the views edit form. */
 .views-filterable-options .form-type-checkbox {
   padding: 5px 8px;
diff --git a/core/themes/stable9/css/views_ui/views_ui.admin.theme.css b/core/themes/stable9/css/views_ui/views_ui.admin.theme.css
index c510ed45844e..993229e26e77 100644
--- a/core/themes/stable9/css/views_ui/views_ui.admin.theme.css
+++ b/core/themes/stable9/css/views_ui/views_ui.admin.theme.css
@@ -568,7 +568,12 @@ td.group-title {
 .views-edit-view {
   margin-bottom: 15px;
 }
-
+.views-edit-view.disabled .views-displays {
+  background-color: #fff4f4;
+}
+.views-edit-view.disabled .views-display-column {
+  background: white;
+}
 /* The contents of the popup dialog on the views edit form. */
 .views-filterable-options .form-type-checkbox {
   padding: 5px 8px;
-- 
GitLab