Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-06 08:26:00 +01:00
Code Issues Projects Releases Wiki Activity

Truncate custom field display to 5 lines

Browse source
This commit is contained in:
WithoutPants 2025-12-03 10:29:20 +11:00
parent e213fde0cc
commit a03b860624
2 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
ui/v2.5/src/components/Shared/CustomFields.tsx
View file

@ -8,6 +8,7 @@ import { Icon } from "./Icon";
import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
import cx from "classnames";
import { PatchComponent } from "src/patch";
import { TruncatedText } from "./TruncatedText";
const maxFieldNameLength = 64;
@ -47,7 +48,7 @@ const CustomField: React.FC<{ field: string; value: unknown }> = ({
id={id}
label={field}
labelTitle={field}
value={valueStr}
value={<TruncatedText lineCount={5} text={<>{valueStr}</>} />}
fullWidth={true}
showEmpty
/>

12
ui/v2.5/src/components/Shared/styles.scss
View file

@ -712,6 +712,10 @@ button.btn.favorite-button {
.custom-fields {
width: 100%;
.detail-item {
max-width: 100%;
}
}
.custom-fields .detail-item .detail-item-title {
@ -721,6 +725,14 @@ button.btn.favorite-button {
white-space: nowrap;
}
.custom-fields .detail-item .detail-item-value {
word-break: break-word;
.TruncatedText {
white-space: pre-line;
}
}
.custom-fields-input > .collapse-button {
font-weight: 700;
}