fix: z-index for overlay and filters in AddTraderForm (deriv-com#57)

aliakbar-deriv · Jan 3, 2025 · 632abea · 632abea
1 parent cffd159
commit 632abea
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/ActiveSymbolsSelector.jsx b/src/components/ActiveSymbolsSelector.jsx
@@ -67,7 +67,7 @@ const ActiveSymbolsSelector = ({ selectedSymbols = [], onChange }) => {
                         ))
                     )}
                 </div>
-                <div className="max-h-[32px] z-50">
+                <div className="max-h-[32px] z-20">
                     <Chip.SingleSelectDropdown
                         defaultOption={{
                             label: "Select a symbol",

diff --git a/src/components/CopierDashboard.jsx b/src/components/CopierDashboard.jsx
@@ -131,7 +131,7 @@ const CopierDashboard = () => {
             )}
             <div className="relative">
                 {(hasCopiers || showCopierBanner) && (
-                    <div className="absolute inset-0 bg-gray-50/70 z-10" />
+                    <div className="absolute inset-0 bg-gray-50/70 z-30" />
                 )}
                 <AddTraderForm onAddTrader={handleAddTrader} />
 

diff --git a/src/components/TradeTypeSelector.jsx b/src/components/TradeTypeSelector.jsx
@@ -88,7 +88,7 @@ const TradeTypeSelector = ({ selectedContracts = [], onChange }) => {
                         />
                     ))
                 )}
-                <div className="max-h-[32px] z-40">
+                <div className="max-h-[32px] z-10">
                     <Chip.SingleSelectDropdown
                         defaultOption={defaultOption}
                         value={defaultOption}