diff --git a/src/frontend/components/routes/resource-action.tsx b/src/frontend/components/routes/resource-action.tsx index 2b623d337..3f2129dc2 100644 --- a/src/frontend/components/routes/resource-action.tsx +++ b/src/frontend/components/routes/resource-action.tsx @@ -13,6 +13,7 @@ import { NoActionError, NoResourceError } from '../app/error-message.js' import FilterDrawer from '../app/filter-drawer.js' import { ActionHeader } from '../app/index.js' import Wrapper from './utils/wrapper.js' +import { getResourceElementCss } from '../../utils/data-css-name.js' type PropsFromState = { resources: Array @@ -36,6 +37,8 @@ const ResourceAction: React.FC = (props) => { return } + const contentTag = getResourceElementCss(resource.id, action.name) + if (action.showInDrawer) { return ( @@ -45,8 +48,8 @@ const ResourceAction: React.FC = (props) => { } return ( - - + + = (props) => { /> - {action.showFilter ? : ''} + {action.showFilter && } ) } diff --git a/src/frontend/components/routes/utils/wrapper.tsx b/src/frontend/components/routes/utils/wrapper.tsx index cfb0d1dbc..6f05838a6 100644 --- a/src/frontend/components/routes/utils/wrapper.tsx +++ b/src/frontend/components/routes/utils/wrapper.tsx @@ -6,8 +6,6 @@ import allowOverride from '../../../hoc/allow-override.js' const StyledWrapperWithFilter = styled(Box)` & > ${Drawer} { - position: relative; - box-shadow: none; border-radius: ${({ theme }) => theme.space.sm}; }