From: Afreen Misbah <afreen@ibm.com>
Date: Mon, 13 Apr 2026 23:09:51 +0000 (+0530)
Subject: mgr/dashboard: Fixed modal forms background color
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=598e335af711d7eafbf5024e31259885d1e9513e;p=ceph.git

mgr/dashboard: Fixed modal forms background color

Signed-off-by: Afreen Misbah <afreen@ibm.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
index cc741ede3ca2..1d7e407e9f70 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
@@ -6,7 +6,8 @@
         i18n>{{ action | titlecase }} {{ resource }}</h3>
     <cd-help-text></cd-help-text>
   </cds-modal-header>
-  <section cdsModalContent>
+  <section cdsModalContent
+           hasForm="true">
     <form #frm="ngForm"
           [formGroup]="serviceForm"
           novalidate>
@@ -186,8 +187,7 @@
               <input cdsText
                      type="text"
                      [value]="serviceForm.controls.service_type.value + '.'"
-                     [disabled]="editing"
-                     readonly="true">
+                     disabled="true">
             </cds-text-label>
           </div>
           <cds-text-label [invalid]="serviceForm.controls.service_id.invalid && serviceForm.controls.service_id.dirty"
diff --git a/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss b/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss
index 8d41b7a0fcec..7d920f0c66a5 100644
--- a/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss
@@ -235,3 +235,20 @@ Tabs
 .cds--text-truncate--end {
   @include textTruncate.text-truncate-end;
 }
+
+/******************************************
+Modals
+******************************************/
+
+/* Temporary workaround for Carbon modal form field background bug.
+ https://github.com/carbon-design-system/carbon-components-angular/issues/3340
+ */
+.cds--modal {
+  .cds--select-input,
+  .cds--text-input,
+  .cds--list-box,
+  .cds--number input[type='number'],
+  .cds--text-area {
+    background-color: var(--cds-layer-02);
+  }
+}