diff --git a/src/pages/StudiosPage/StudiosPage.tsx b/src/pages/StudiosPage/StudiosPage.tsx index 1a453a694..6ba2db18a 100644 --- a/src/pages/StudiosPage/StudiosPage.tsx +++ b/src/pages/StudiosPage/StudiosPage.tsx @@ -124,7 +124,7 @@ const StudioItem = ({ )} -

{description}

+

{description}

diff --git a/src/shared/styles/route-layout.less b/src/shared/styles/route-layout.less index f377ffc82..385bd8629 100644 --- a/src/shared/styles/route-layout.less +++ b/src/shared/styles/route-layout.less @@ -132,6 +132,7 @@ text-align: center; vertical-align: middle; } + .depreacted-tag { font-family: 'Titillium Web'; font-style: normal; @@ -143,6 +144,7 @@ margin: 0 3px; vertical-align: middle; } + .deletion-tag { font-family: 'Titillium Web'; font-style: normal; @@ -168,6 +170,14 @@ } } + .description { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + line-clamp: 2; + } + .statistics { display: grid; grid-template-columns: 1fr 1fr; diff --git a/src/subapps/studioLegacy/containers/StudioContainer.tsx b/src/subapps/studioLegacy/containers/StudioContainer.tsx index e0e4891c8..edc1ae343 100644 --- a/src/subapps/studioLegacy/containers/StudioContainer.tsx +++ b/src/subapps/studioLegacy/containers/StudioContainer.tsx @@ -2,7 +2,9 @@ import * as React from 'react'; import { Resource } from '@bbp/nexus-sdk'; import { useNexusContext, AccessControl } from '@bbp/react-nexus'; import { Empty, message } from 'antd'; +import { omitBy } from 'lodash'; import { useHistory } from 'react-router'; + import EditStudio from '../components/EditStudio'; import StudioHeader from '../components/StudioHeader'; import StudioReactContext from '../contexts/StudioContext'; @@ -114,7 +116,9 @@ const StudioContainer: React.FunctionComponent = () => { studioId, studioResource._rev, { - ...studioResource, + // remove the metadata from the payload, delta do full update + // and not accept the metadata fields to be in the payload + ...omitBy(studioResource, (_, key) => key.trim().startsWith('_')), label, description, plugins, @@ -145,7 +149,7 @@ const StudioContainer: React.FunctionComponent = () => { onSave={updateStudio} onSaveImage={saveImage(nexus, orgLabel, projectLabel)} markdownViewer={MarkdownViewerContainer} - > + /> ); return ( <>