Merge pull request #3736 from OneCommunityGlobal/venkataramanan_fix_greying_out_in_profile_page

Venkataramanan - Change common styling applied to modal-backdrop class to be specific …

Author: one-community

src/components/BMDashboard/Issues/IssueDashboard.css

@@ -95,7 +95,7 @@ td.text-end .dropdown .dropdown-menu {
   left: auto !important;
 }
 
-.modal-backdrop {
+.issues-modal-backdrop {
   position: fixed !important;
   top: 0 !important;
   left: 0 !important;
@@ -109,7 +109,7 @@ td.text-end .dropdown .dropdown-menu {
 }
 
 
-.modal-dialog {
+.issues-modal-backdrop .modal-dialog {
   border-radius: 8px;
   max-width: 400px;
   width: 90%;

src/components/BMDashboard/Issues/IssueDashboard.jsx

@@ -271,7 +271,7 @@ export default function IssueDashboard() {
 
       {/* Rename Modal */}
       {showRenameModal && (
-        <div className="modal-backdrop">
+        <div className="issues-modal-backdrop">
           <div className={`modal-dialog `}>
             <div className={`modal-content p-3 ${darkMode ? 'bg-oxford-blue text-light' : ''}`}>
               <h5>Rename Issue</h5>
@@ -306,7 +306,7 @@ export default function IssueDashboard() {
 
       {/* Delete Modal */}
       {showDeleteModal && (
-        <div className="modal-backdrop">
+        <div className="issues-modal-backdrop">
           <div className={`modal-dialog ${darkMode ? 'bg-dark text-light' : ''}`}>
             <div className={`modal-content p-3 ${darkMode ? 'bg-oxford-blue text-light' : ''}`}>
               <h5>Confirm Delete</h5>
@@ -338,7 +338,7 @@ export default function IssueDashboard() {
 
       {/* Copy Modal */}
       {showCopyModal && (
-        <div className="modal-backdrop">
+        <div className="issues-modal-backdrop">
           <div className={`modal-dialog ${darkMode ? 'bg-dark text-light' : ''}`}>
             <div className={`modal-content p-3 ${darkMode ? 'bg-oxford-blue text-light' : ''}`}>
               <h5>Confirm Copy</h5>