Merge pull request #464 from AdamWillford/react

KelvinTegelaar · web-flow · commit 30eb036c45e1 · 2022-01-02T18:47:18.000+01:00
Mikey's zIndex fix
diff --git a/src/views/email-exchange/administration/ContactsList.js b/src/views/email-exchange/administration/ContactsList.js
@@ -18,7 +18,7 @@ import { faUser, faBars } from '@fortawesome/free-solid-svg-icons'
 import { Link } from 'react-router-dom'
 
 const dropdown = (row, rowIndex, formatExtraData) => (
-  <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+  <CDropdown>
     <CDropdownToggle size="sm" color="link">
       <FontAwesomeIcon icon={faBars} />
     </CDropdownToggle>
diff --git a/src/views/email-exchange/administration/MailboxesList.js b/src/views/email-exchange/administration/MailboxesList.js
@@ -17,11 +17,11 @@ import { faUser, faCog, faBars } from '@fortawesome/free-solid-svg-icons'
 import { Link } from 'react-router-dom'
 
 const dropdown = (row, rowIndex, formatExtraData) => (
-  <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+  <CDropdown>
     <CDropdownToggle size="sm" color="link">
       <FontAwesomeIcon icon={faBars} />
     </CDropdownToggle>
-    <CDropdownMenu>
+    <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
       <CDropdownItem href="#">
         <Link
           className="dropdown-item"
diff --git a/src/views/email-exchange/administration/ViewMobileDevices.js b/src/views/email-exchange/administration/ViewMobileDevices.js
@@ -18,11 +18,11 @@ import { faUser, faBars } from '@fortawesome/free-solid-svg-icons'
 import { Link } from 'react-router-dom'
 
 const dropdown = (row, rowIndex, formatExtraData) => (
-  <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+  <CDropdown>
     <CDropdownToggle size="sm" color="link">
       <FontAwesomeIcon icon={faBars} />
     </CDropdownToggle>
-    <CDropdownMenu>
+    <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
       <CDropdownItem href="#">
         <Link className="dropdown-item" to={`/email/administration/edit-contact`}>
           <FontAwesomeIcon icon={faUser} className="me-2" />
diff --git a/src/views/endpoint/MEM/MEMListPolicies.js b/src/views/endpoint/MEM/MEMListPolicies.js
@@ -18,11 +18,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, rowIndex, formatExtraData) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">
           <Link className="dropdown-item" to={`/endpoint/MEM/edit-policy`}>
             <FontAwesomeIcon icon={faUser} className="me-2" />
diff --git a/src/views/endpoint/MEM/MEMListPolicyTemplate.js b/src/views/endpoint/MEM/MEMListPolicyTemplate.js
@@ -16,11 +16,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, index, column) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" variant="ghost" color="primary">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">Delete Template</CDropdownItem>
       </CDropdownMenu>
     </CDropdown>
diff --git a/src/views/endpoint/applications/ApplicationsList.js b/src/views/endpoint/applications/ApplicationsList.js
@@ -18,11 +18,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, rowIndex, formatExtraData) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">
           <Link className="dropdown-item" to={`/endpoint/MEM/EditMEMApplication`}>
             <FontAwesomeIcon icon={faUser} className="me-2" />
diff --git a/src/views/endpoint/autopilot/AutopilotListDevices.js b/src/views/endpoint/autopilot/AutopilotListDevices.js
@@ -17,11 +17,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, rowIndex, formatExtraData) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">Delete Device</CDropdownItem>
       </CDropdownMenu>
     </CDropdown>
diff --git a/src/views/endpoint/autopilot/AutopilotListProfiles.js b/src/views/endpoint/autopilot/AutopilotListProfiles.js
@@ -19,11 +19,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, rowIndex, formatExtraData) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">
           <Link className="dropdown-item" to={`/endpoint/autopilot/AutopilotEditProfile}`}>
             <FontAwesomeIcon icon={faUser} className="me-2" />
diff --git a/src/views/endpoint/autopilot/AutopilotListStatusPages.js b/src/views/endpoint/autopilot/AutopilotListStatusPages.js
@@ -19,11 +19,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, rowIndex, formatExtraData) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">
           <Link className="dropdown-item" to={`/endpoint/autopilot/AutopilotEditStatusPage}`}>
             <FontAwesomeIcon icon={faUser} className="me-2" />
diff --git a/src/views/endpoint/defender/ListDefender.js b/src/views/endpoint/defender/ListDefender.js
@@ -19,11 +19,11 @@ import { cellBooleanFormatter } from '../../../components/cipp'
 
 const dropdown = (row, rowIndex, formatExtraData) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">View Device</CDropdownItem>
         <CDropdownItem href="#">Execute Quick Scan</CDropdownItem>
         <CDropdownItem href="#">Execute Full Scan</CDropdownItem>
diff --git a/src/views/identity/administration/Groups.js b/src/views/identity/administration/Groups.js
@@ -19,11 +19,11 @@ import { Link } from 'react-router-dom'
 
 const dropdown = (row = {}) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">
           <Link
             className="dropdown-item"
diff --git a/src/views/identity/administration/Roles.js b/src/views/identity/administration/Roles.js
@@ -16,11 +16,11 @@ import { faUser, faCog, faBars } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 const dropdown = (row, index, column) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">Edit Group</CDropdownItem>
       </CDropdownMenu>
     </CDropdown>
diff --git a/src/views/identity/administration/Users.js b/src/views/identity/administration/Users.js
@@ -26,11 +26,11 @@ const Dropdown = (row, rowIndex, formatExtraData) => {
   }
 
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">
           <Link
             className="dropdown-item"
diff --git a/src/views/teams-share/onedrive/OneDriveList.js b/src/views/teams-share/onedrive/OneDriveList.js
@@ -19,11 +19,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, rowIndex, formatExtraData) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">
           <Link
             className="dropdown-item"
diff --git a/src/views/teams-share/sharepoint/SharepointList.js b/src/views/teams-share/sharepoint/SharepointList.js
@@ -18,11 +18,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, rowIndex, formatExtraData) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">
           <Link className="dropdown-item" to={`/identity/administration/EditGroup}`}>
             <FontAwesomeIcon icon={faCog} className="me-2" />
diff --git a/src/views/teams-share/teams/BusinessVoice.js b/src/views/teams-share/teams/BusinessVoice.js
@@ -18,11 +18,11 @@ import {
 } from '@coreui/react'
 
 const dropdown = (row, rowIndex, formatExtraData) => (
-  <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+  <CDropdown>
     <CDropdownToggle size="sm" color="link">
       <FontAwesomeIcon icon={faBars} />
     </CDropdownToggle>
-    <CDropdownMenu>
+    <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
       <CDropdownItem href="#">
         <Link className="dropdown-item" to={`/teams-share/teams/view-team-settings}`}>
           <FontAwesomeIcon icon={faCog} className="me-2" />
diff --git a/src/views/teams-share/teams/TeamsActivity.js b/src/views/teams-share/teams/TeamsActivity.js
@@ -17,11 +17,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, index, column) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">Edit Group</CDropdownItem>
       </CDropdownMenu>
     </CDropdown>
diff --git a/src/views/teams-share/teams/TeamsListTeam.js b/src/views/teams-share/teams/TeamsListTeam.js
@@ -17,11 +17,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { Link } from 'react-router-dom'
 
 const dropdown = (row, rowIndex, formatExtraData) => (
-  <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+  <CDropdown>
     <CDropdownToggle size="sm" color="link">
       <FontAwesomeIcon icon={faBars} />
     </CDropdownToggle>
-    <CDropdownMenu>
+    <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
       <CDropdownItem href="#">
         <Link className="dropdown-item" to={`/teams-share/teams/view-team-settings}`}>
           <FontAwesomeIcon icon={faCog} className="me-2" />
diff --git a/src/views/tenant/administration/Tenants.js b/src/views/tenant/administration/Tenants.js
@@ -18,11 +18,11 @@ import { faCog, faBars } from '@fortawesome/free-solid-svg-icons'
 
 const dropdown = (row, index, column) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">
           <Link
             className="dropdown-item"
diff --git a/src/views/tenant/standards/ListAppliedStandards.js b/src/views/tenant/standards/ListAppliedStandards.js
@@ -17,11 +17,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const dropdown = (row, index, column) => {
   return (
-    <CDropdown style={{ position: 'fixed', zIndex: 1000 }}>
+    <CDropdown>
       <CDropdownToggle size="sm" color="link">
         <FontAwesomeIcon icon={faBars} />
       </CDropdownToggle>
-      <CDropdownMenu>
+      <CDropdownMenu style={{ position: 'fixed', right: 0, zIndex: 1000 }}>
         <CDropdownItem href="#">Delete Stnadard</CDropdownItem>
       </CDropdownMenu>
     </CDropdown>
