diff --git a/apps/sensenet/src/components/Breadcrumbs.tsx b/apps/sensenet/src/components/Breadcrumbs.tsx index f6ce22575..254c11bbf 100644 --- a/apps/sensenet/src/components/Breadcrumbs.tsx +++ b/apps/sensenet/src/components/Breadcrumbs.tsx @@ -52,6 +52,24 @@ export function Breadcrumbs(props: BreadcrumbProps) ))} + <> + + {props.items[props.items.length - 1].content.DisplayName} + + ( + + {props.items[props.items.length - 1].content.Type} + + ) + + + + {contextMenuItem ? ( { const [data, setData] = useState() const logger = useLogger('Dashboard') const [isAdmin, setIsAdmin] = useState(false) - useEffect(() => { ;(async () => { const response = await repository.executeAction({ diff --git a/apps/sensenet/src/components/document-viewer.tsx b/apps/sensenet/src/components/document-viewer.tsx index ae7a569f7..2dfaf147a 100644 --- a/apps/sensenet/src/components/document-viewer.tsx +++ b/apps/sensenet/src/components/document-viewer.tsx @@ -45,7 +45,7 @@ const useStyles = makeStyles((theme: Theme) => { padding: '20px', bottom: 0, textAlign: 'right', - right: '7%', + right: '1%', }, }) }) diff --git a/apps/sensenet/src/components/editor/sn-monaco-editor.tsx b/apps/sensenet/src/components/editor/sn-monaco-editor.tsx index dd3b19189..6a6313714 100644 --- a/apps/sensenet/src/components/editor/sn-monaco-editor.tsx +++ b/apps/sensenet/src/components/editor/sn-monaco-editor.tsx @@ -42,7 +42,7 @@ const useStyles = makeStyles(() => { padding: '20px', bottom: 0, textAlign: 'right', - right: '7%', + right: '1%', }, form: { width: '100%', diff --git a/apps/sensenet/src/components/view-controls/common/styles.ts b/apps/sensenet/src/components/view-controls/common/styles.ts index e7abba77a..663956330 100644 --- a/apps/sensenet/src/components/view-controls/common/styles.ts +++ b/apps/sensenet/src/components/view-controls/common/styles.ts @@ -4,7 +4,7 @@ import { globals } from '../../../globalStyles' const useStyles = makeStyles(() => { return createStyles({ grid: { - padding: '14px 14px 0 14px', + padding: '14px 14px 0 134px', overflowY: 'auto', maxWidth: '100%', maxHeight: `calc(100% - ${globals.common.formActionButtonsHeight}px - ${globals.common.formTitleHeight}px)`, @@ -15,7 +15,7 @@ const useStyles = makeStyles(() => { position: 'absolute', padding: '20px', bottom: 0, - right: '7%', + right: '1%', }, }) }) diff --git a/apps/sensenet/src/components/wopi-page.tsx b/apps/sensenet/src/components/wopi-page.tsx index 6ca7a4f4c..deb489f42 100644 --- a/apps/sensenet/src/components/wopi-page.tsx +++ b/apps/sensenet/src/components/wopi-page.tsx @@ -22,7 +22,7 @@ const useStyles = makeStyles(() => { padding: '20px', bottom: 0, textAlign: 'right', - right: '7%', + right: '1%', }, wopiWrapper: { width: '100%', diff --git a/apps/sensenet/src/style.css b/apps/sensenet/src/style.css index a3ca13611..a2a685157 100644 --- a/apps/sensenet/src/style.css +++ b/apps/sensenet/src/style.css @@ -26,7 +26,17 @@ div[class*='makeStyles-actionButtonWrapper'] { button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary[type='submit'] { margin-left: 0px; } - +.ContentExtraInfo { + position: absolute; + right: 15px; +} +.ContentExtraInfo .ContentTypeSpan { + padding-left: 5px; + padding-right: 5px; +} +.ContentExtraInfo .ContentTypeSpan a { + color: #0292db; +} /*.leftTree .MuiListItemIcon-root { border-left: 2px dotted #ccc; padding-left: 5px;