Mirrors/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2024-09-17 15:02:34 +02:00
Code Issues Releases Wiki Activity

Fix issue with the table stretching on the Movie > Details > Search when the Title is extremely long

Browse Source
This commit is contained in:
nitsua 2020-08-08 12:03:36 -04:00 committed by Qstick
parent 28177eb042
commit 154092b921
3 changed files with 34 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/Components/Link/Link.js
View File

@ -32,6 +32,7 @@ class Link extends Component {
isDisabled, isDisabled,
noRouter, noRouter,
onPress, onPress,
title,
...otherProps ...otherProps
} = this.props; } = this.props;
@ -39,6 +40,10 @@ class Link extends Component {
let el = component; let el = component;
if (to) { if (to) {
if (title) {
linkProps.title = title;
}
if ((/\w+?:\/\//).test(to)) { if ((/\w+?:\/\//).test(to)) {
el = 'a'; el = 'a';
linkProps.href = to; linkProps.href = to;
@ -87,6 +92,7 @@ Link.propTypes = {
className: PropTypes.string, className: PropTypes.string,
component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]), component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
to: PropTypes.string, to: PropTypes.string,
title: PropTypes.string,
target: PropTypes.string, target: PropTypes.string,
isDisabled: PropTypes.bool, isDisabled: PropTypes.bool,
noRouter: PropTypes.bool, noRouter: PropTypes.bool,

28
frontend/src/InteractiveSearch/InteractiveSearchRow.css
View File

@ -1,11 +1,15 @@
.protocol { .cell {
composes: cell from '~Components/Table/Cells/TableRowCell.css'; composes: cell from '~Components/Table/Cells/TableRowCell.css';
}
.protocol {
composes: cell;
width: 80px; width: 80px;
} }
.indexer { .indexer {
composes: cell from '~Components/Table/Cells/TableRowCell.css'; composes: cell;
width: 85px; width: 85px;
} }
@ -13,7 +17,7 @@
.quality, .quality,
.customFormat, .customFormat,
.language { .language {
composes: cell from '~Components/Table/Cells/TableRowCell.css'; composes: cell;
} }
.language { .language {
@ -21,7 +25,7 @@
} }
.customFormatScore { .customFormatScore {
composes: cell from '~Components/Table/Cells/TableRowCell.css'; composes: cell;
width: 55px; width: 55px;
font-weight: bold; font-weight: bold;
@ -31,20 +35,30 @@
.rejected, .rejected,
.indexerFlags, .indexerFlags,
.download { .download {
composes: cell from '~Components/Table/Cells/TableRowCell.css'; composes: cell;
width: 50px; width: 50px;
} }
.age, .age,
.size { .size {
composes: cell from '~Components/Table/Cells/TableRowCell.css'; composes: cell;
white-space: nowrap; white-space: nowrap;
} }
.peers { .peers {
composes: cell from '~Components/Table/Cells/TableRowCell.css'; composes: cell;
width: 75px; width: 75px;
} }
.title {
composes: cell;
max-width: 30vw;
}
.title div {
@add-mixin truncate;
}

9
frontend/src/InteractiveSearch/InteractiveSearchRow.js
View File

@ -142,8 +142,13 @@ class InteractiveSearchRow extends Component {
</TableRowCell> </TableRowCell>
<TableRowCell className={styles.title}> <TableRowCell className={styles.title}>
<Link to={infoUrl}> <Link
{title} to={infoUrl}
title={title}
>
<div>
{title}
</div>
</Link> </Link>
</TableRowCell> </TableRowCell>