self-hosted/Sonarr
1
0
Fork 0
mirror of https://github.com/Sonarr/Sonarr.git synced 2024-12-14 11:23:42 +02:00
Code Issues Releases Activity

New: Show number of files as tooltip over size on disk

Browse Source 
Closes #4203
This commit is contained in:
Robin Dadswell 2021-02-07 03:15:31 +00:00 committed by GitHub
parent 5b98a17873
commit a1ddcf2b7b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 33 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/Components/Tooltip/Tooltip.css
View File

@ -14,6 +14,7 @@
&.inverse {
background-color: $themeDarkColor;
box-shadow: 0 5px 10px $popoverShadowInverseColor;
color: $white;
}
}

7
frontend/src/Series/Details/SeriesDetails.css
View File

@ -119,6 +119,13 @@
margin: 5px 10px 5px 0;
}
.fileCountMessage {
padding: 5px;
white-space: nowrap;
font-weight: 300;
font-size: 15px;
}
.path,
.sizeOnDisk,
.qualityProfileName,

40
frontend/src/Series/Details/SeriesDetails.js
View File

@ -432,22 +432,32 @@ class SeriesDetails extends Component {
</span>
</Label>
<Label
className={styles.detailsLabel}
title={episodeFilesCountMessage}
size={sizes.LARGE}
>
<Icon
name={icons.DRIVE}
size={17}
/>
<Tooltip
anchor={
<Label
className={styles.detailsLabel}
size={sizes.LARGE}
>
<Icon
name={icons.DRIVE}
size={17}
/>
<span className={styles.sizeOnDisk}>
{
formatBytes(sizeOnDisk || 0)
}
</span>
</Label>
<span className={styles.sizeOnDisk}>
{
formatBytes(sizeOnDisk || 0)
}
</span>
</Label>
}
tooltip={
<span>
{episodeFilesCountMessage}
</span>
}
kind={kinds.INVERSE}
position={tooltipPositions.BOTTOM}
/>
<Label
className={styles.detailsLabel}