diff --git a/apps/sensenet/src/components/Breadcrumbs.tsx b/apps/sensenet/src/components/Breadcrumbs.tsx index f8289d2ca..f6ce22575 100644 --- a/apps/sensenet/src/components/Breadcrumbs.tsx +++ b/apps/sensenet/src/components/Breadcrumbs.tsx @@ -27,7 +27,7 @@ export function Breadcrumbs<T extends GenericContent>(props: BreadcrumbProps<T>) return ( <> <MUIBreadcrumbs - maxItems={5} + maxItems={15} aria-label="breadcrumb" style={{ marginLeft: '8.5px' }} classes={{ separator: 'bread-crumbs-separator' }}> @@ -50,8 +50,8 @@ export function Breadcrumbs<T extends GenericContent>(props: BreadcrumbProps<T>) </Tooltip> </DropFileArea> ))} + <CopyPath copyText={props.items[props.items.length - 1].title} /> </MUIBreadcrumbs> - <CopyPath copyText={props.items[props.items.length - 1].title} /> {contextMenuItem ? ( <ContentContextMenu isOpened={isContextMenuOpened} diff --git a/apps/sensenet/src/components/ContentBreadcrumbs.tsx b/apps/sensenet/src/components/ContentBreadcrumbs.tsx index f07f13317..43b625af7 100644 --- a/apps/sensenet/src/components/ContentBreadcrumbs.tsx +++ b/apps/sensenet/src/components/ContentBreadcrumbs.tsx @@ -16,11 +16,16 @@ import { useDialog } from './dialogs' const useStyles = makeStyles((theme: Theme) => { return createStyles({ batchActionWrapper: { - marginRight: '7.5%', ' & .MuiIconButton-root': { color: theme.palette.type === 'light' ? theme.palette.common.black : theme.palette.common.white, }, marginLeft: 'auto', + display: 'flex', + marginRight: '8px', + }, + buttonsWrapper: { + display: 'flex', + alignItems: 'center', }, }) }) @@ -55,7 +60,7 @@ export const ContentBreadcrumbs = <T extends GenericContent = GenericContent>(pr }, [selectionService.selection]) return ( - <> + <div className={classes.buttonsWrapper}> <Breadcrumbs<T> items={[ ...ancestors.map((content) => ({ @@ -140,6 +145,6 @@ export const ContentBreadcrumbs = <T extends GenericContent = GenericContent>(pr </Tooltip> </div> ) : null} - </> + </div> ) } diff --git a/apps/sensenet/src/components/content/Explore.tsx b/apps/sensenet/src/components/content/Explore.tsx index cf5bd08ca..8dae4f739 100644 --- a/apps/sensenet/src/components/content/Explore.tsx +++ b/apps/sensenet/src/components/content/Explore.tsx @@ -33,7 +33,6 @@ const useStyles = makeStyles((theme: Theme) => { flexDirection: 'column', }, breadcrumbsWrapper: { - height: globals.common.drawerItemHeight, boxSizing: 'border-box', borderBottom: theme.palette.type === 'light' ? '1px solid #DBDBDB' : '1px solid rgba(255, 255, 255, 0.11)', justifyContent: 'start', diff --git a/apps/sensenet/src/services/content-context-service.ts b/apps/sensenet/src/services/content-context-service.ts index 37d5789c8..ecdc6b21b 100644 --- a/apps/sensenet/src/services/content-context-service.ts +++ b/apps/sensenet/src/services/content-context-service.ts @@ -185,7 +185,7 @@ export function getPrimaryActionUrl({ return getUrlForContent({ content, uiSettings, location, action: 'image', snRoute, removePath }) } - if ((content.Type === 'File' || repository.schemas.isContentFromType<ContentType>(content, 'File'))) { + if (content.Type === 'File' || repository.schemas.isContentFromType<ContentType>(content, 'File')) { return getUrlForContent({ content, uiSettings, location, action: 'browse', snRoute, removePath }) }