Correct scene card truncation

This commit is contained in:
Infinite
2020-02-29 16:56:10 +01:00
parent 8672c4437e
commit ac4f4972b6
2 changed files with 7 additions and 1 deletions

View File

@@ -229,7 +229,7 @@ export const SceneCard: React.FC<ISceneCardProps> = (
</video> </video>
</Link> </Link>
<div className="card-section"> <div className="card-section">
<h5 className="text-truncate"> <h5 className="card-section-title">
{props.scene.title {props.scene.title
? props.scene.title ? props.scene.title
: TextUtils.fileNameFromPath(props.scene.path)} : TextUtils.fileNameFromPath(props.scene.path)}

View File

@@ -16,6 +16,12 @@
.card-section { .card-section {
margin-bottom: 0; margin-bottom: 0;
padding: .5rem 1rem 0 1rem; padding: .5rem 1rem 0 1rem;
&-title {
overflow: hidden;
overflow-wrap: normal;
text-overflow: ellipsis;
}
} }
.scene-card-check { .scene-card-check {