fixed clipping styles

cvat-ai · nmanovic · Jan 30, 2023 · Nov 21, 2022 · Nov 25, 2022 · Nov 25, 2022
commit bf0ca7c751583ce7925fb1b1f259f0935c39b577
@@ -27,7 +27,6 @@ class LambdaManager {
             models.push(
                 new MLModel({
                     ...model,
-                    type: model.kind,
                 }),
             );
         }

@@ -36,7 +36,8 @@ interface SerializedModel {
     attributes?: Record<string, ModelAttribute>;
     framework?: string;
     description?: string;
-    type?: ModelType;
+    kind?: ModelType;
+    type?: string;
     owner?: any;
     provider?: string;
     api_key?: string;
@@ -87,7 +88,7 @@ export default class MLModel {
     }
 
     public get type(): ModelType {
-        return this.serialized.type;
+        return this.serialized.kind;
     }
 
     public get params(): ModelParams {

@@ -140,11 +140,7 @@ export default function DeployedModelItem(props: Props): JSX.Element {
                     description={(
                         <div className='cvat-models-item-description'>
                             <Row onClick={onOpenModel} className='cvat-models-item-text-description'>
-                                {model.owner && (
-                                    <>
-                                        <Text>{`${model.owner ? `${model.owner}` : ''}`}</Text>
-                                    </>
-                                )}
+                                <Text strong>{model.owner}</Text>
                                 <Text type='secondary'>{` Added ${created}`}</Text>
                             </Row>
                             <Dropdown overlay={<ModelActionsMenuComponent model={model} onDelete={onDelete} />}>

@@ -112,6 +112,7 @@
     width: 25%;
     border-width: 4px;
     height: $grid-unit-size * 28;
+    overflow: hidden;
 
     .ant-card-meta-title {
         margin-bottom: 0 !important;
@@ -212,3 +213,12 @@
         cursor: pointer !important;
     }
 }
+
+.cvat-models-item-text-description {
+    max-width: 80%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    max-height: $grid-unit-size * 3;
+    display: inline;
+}