fix: support long model names for model selection (#427)
* fix: support long model names for model selection * refactor: fix grammer for model selection view * refactor: use css for long model ids and names * refactor: use title for model id and model name
This commit is contained in:
Родитель
cf8de6be61
Коммит
a0fa2daf4c
|
@ -195,7 +195,7 @@ export const english: IAppStrings = {
|
|||
defaultURLInput: "Paste or type URL...",
|
||||
},
|
||||
recentModelsView:{
|
||||
header: "Select model to analyze with",
|
||||
header: "Select a model to analyze with",
|
||||
checkboxAriaLabel: "Select model checkbox"
|
||||
},
|
||||
projectMetrics: {
|
||||
|
|
|
@ -100,6 +100,10 @@
|
|||
}
|
||||
|
||||
.model-selection-info-value {
|
||||
max-width: 190px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 12px;
|
||||
color: #d1d1d1;
|
||||
float: left;
|
||||
|
|
|
@ -250,24 +250,28 @@ export default class PredictPage extends React.Component<IPredictPageProps, IPre
|
|||
<h5 className="model-selection-header">
|
||||
{strings.predict.selectModelHeader}
|
||||
</h5>
|
||||
<h6 className="model-selection-info-header" >
|
||||
<span className="model-selection-info-key">
|
||||
{strings.predict.modelIDPrefix}
|
||||
</span>
|
||||
<span className="model-selection-info-value">
|
||||
{mostRecentModel.modelInfo.modelId.substring(0,8) + "..."}
|
||||
</span>
|
||||
</h6>
|
||||
{mostRecentModel.modelInfo.modelName &&
|
||||
<tr>
|
||||
<h6 className="model-selection-info-header" >
|
||||
<span className="model-selection-info-key">
|
||||
{strings.predict.modelNamePrefix}
|
||||
{strings.predict.modelIDPrefix}
|
||||
</span>
|
||||
<span className="model-selection-info-value">
|
||||
{mostRecentModel.modelInfo.modelName}
|
||||
<span title={mostRecentModel.modelInfo.modelId} className="model-selection-info-value">
|
||||
{mostRecentModel.modelInfo.modelId}
|
||||
</span>
|
||||
</h6>
|
||||
}
|
||||
</tr>
|
||||
<tr>
|
||||
{mostRecentModel.modelInfo.modelName &&
|
||||
<h6 className="model-selection-info-header" >
|
||||
<span className="model-selection-info-key">
|
||||
{strings.predict.modelNamePrefix}
|
||||
</span>
|
||||
<span title={mostRecentModel.modelInfo.modelName} className="model-selection-info-value">
|
||||
{mostRecentModel.modelInfo.modelName}
|
||||
</span>
|
||||
</h6>
|
||||
}
|
||||
</tr>
|
||||
</div>
|
||||
<DefaultButton
|
||||
className="keep-button-80px"
|
||||
|
|
Загрузка…
Ссылка в новой задаче