New: Fixed truncation on Firefox after renaming Custom Format specification

Closes #5357
This commit is contained in:
Mark McDowall 2023-01-08 10:26:12 -08:00
parent 4a740acb80
commit 4f61a4ab07
2 changed files with 7 additions and 7 deletions

View File

@ -17,6 +17,10 @@
font-size: 24px;
}
.buttons {
flex: 0 0 auto;
}
.cloneButton {
composes: button from '~Components/Link/IconButton.css';
@ -38,6 +42,7 @@
}
.label {
@add-mixin truncate;
composes: label from '~Components/Label.css';
max-width: 100%;

View File

@ -1,6 +1,5 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import MiddleTruncate from 'react-middle-truncate';
import Card from 'Components/Card';
import Label from 'Components/Label';
import IconButton from 'Components/Link/IconButton';
@ -90,7 +89,7 @@ class CustomFormat extends Component {
{name}
</div>
<div>
<div className={styles.buttons}>
<IconButton
className={styles.cloneButton}
title="Clone Custom Format"
@ -128,11 +127,7 @@ class CustomFormat extends Component {
key={index}
kind={kind}
>
<MiddleTruncate
text={item.name}
start={10}
end={14}
/>
{item.name}
</Label>
);
})