From 107ddd3826e861b66af7fd7c6cabb11973af1c76 Mon Sep 17 00:00:00 2001 From: Bogdan Date: Thu, 24 Apr 2025 16:53:36 +0300 Subject: [PATCH] Fix maximum typo and clean unused CSS files --- .../Overview/CollectionOverviews.js | 8 ++-- .../Overview/DiscoverMovieOverviews.js | 8 ++-- .../Posters/DiscoverMoviePosters.js | 8 ++-- .../History/MovieHistoryModalContent.css | 5 -- .../History/MovieHistoryModalContent.css.d.ts | 7 --- .../Index/Overview/MovieIndexOverviews.css | 11 ----- .../Overview/MovieIndexOverviews.css.d.ts | 9 ---- .../Index/Overview/MovieIndexOverviews.tsx | 8 ++-- frontend/src/Movie/MovieFileStatus.css | 46 ------------------- frontend/src/Movie/MovieFileStatus.css.d.ts | 15 ------ 10 files changed, 16 insertions(+), 109 deletions(-) delete mode 100644 frontend/src/Movie/History/MovieHistoryModalContent.css delete mode 100644 frontend/src/Movie/History/MovieHistoryModalContent.css.d.ts delete mode 100644 frontend/src/Movie/Index/Overview/MovieIndexOverviews.css delete mode 100644 frontend/src/Movie/Index/Overview/MovieIndexOverviews.css.d.ts delete mode 100644 frontend/src/Movie/MovieFileStatus.css delete mode 100644 frontend/src/Movie/MovieFileStatus.css.d.ts diff --git a/frontend/src/Collection/Overview/CollectionOverviews.js b/frontend/src/Collection/Overview/CollectionOverviews.js index c2faffb18e..60b4f2a36f 100644 --- a/frontend/src/Collection/Overview/CollectionOverviews.js +++ b/frontend/src/Collection/Overview/CollectionOverviews.js @@ -14,17 +14,17 @@ const columnPadding = parseInt(dimensions.movieIndexColumnPadding); const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen); function calculatePosterWidth(posterSize, isSmallScreen) { - const maxiumPosterWidth = isSmallScreen ? 152 : 162; + const maximumPosterWidth = isSmallScreen ? 152 : 162; if (posterSize === 'large') { - return maxiumPosterWidth; + return maximumPosterWidth; } if (posterSize === 'medium') { - return Math.floor(maxiumPosterWidth * 0.75); + return Math.floor(maximumPosterWidth * 0.75); } - return Math.floor(maxiumPosterWidth * 0.5); + return Math.floor(maximumPosterWidth * 0.5); } function calculateRowHeight(posterHeight, sortKey, isSmallScreen, overviewOptions) { diff --git a/frontend/src/DiscoverMovie/Overview/DiscoverMovieOverviews.js b/frontend/src/DiscoverMovie/Overview/DiscoverMovieOverviews.js index 229d2a4c7c..608effff09 100644 --- a/frontend/src/DiscoverMovie/Overview/DiscoverMovieOverviews.js +++ b/frontend/src/DiscoverMovie/Overview/DiscoverMovieOverviews.js @@ -14,17 +14,17 @@ const columnPadding = parseInt(dimensions.movieIndexColumnPadding); const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen); function calculatePosterWidth(posterSize, isSmallScreen) { - const maxiumPosterWidth = isSmallScreen ? 152 : 162; + const maximumPosterWidth = isSmallScreen ? 152 : 162; if (posterSize === 'large') { - return maxiumPosterWidth; + return maximumPosterWidth; } if (posterSize === 'medium') { - return Math.floor(maxiumPosterWidth * 0.75); + return Math.floor(maximumPosterWidth * 0.75); } - return Math.floor(maxiumPosterWidth * 0.5); + return Math.floor(maximumPosterWidth * 0.5); } function calculateRowHeight(posterHeight, sortKey, isSmallScreen, overviewOptions) { diff --git a/frontend/src/DiscoverMovie/Posters/DiscoverMoviePosters.js b/frontend/src/DiscoverMovie/Posters/DiscoverMoviePosters.js index f3fba29321..fbd4f8781e 100644 --- a/frontend/src/DiscoverMovie/Posters/DiscoverMoviePosters.js +++ b/frontend/src/DiscoverMovie/Posters/DiscoverMoviePosters.js @@ -22,12 +22,12 @@ const additionalColumnCount = { }; function calculateColumnWidth(width, posterSize, isSmallScreen) { - const maxiumColumnWidth = isSmallScreen ? 172 : 182; - const columns = Math.floor(width / maxiumColumnWidth); - const remainder = width % maxiumColumnWidth; + const maximumColumnWidth = isSmallScreen ? 172 : 182; + const columns = Math.floor(width / maximumColumnWidth); + const remainder = width % maximumColumnWidth; if (remainder === 0 && posterSize === 'large') { - return maxiumColumnWidth; + return maximumColumnWidth; } return Math.floor(width / (columns + additionalColumnCount[posterSize])); diff --git a/frontend/src/Movie/History/MovieHistoryModalContent.css b/frontend/src/Movie/History/MovieHistoryModalContent.css deleted file mode 100644 index 34be6dff1b..0000000000 --- a/frontend/src/Movie/History/MovieHistoryModalContent.css +++ /dev/null @@ -1,5 +0,0 @@ -.blankpad { - padding-top: 10px; - padding-bottom: 10px; - padding-left: 2em; -} diff --git a/frontend/src/Movie/History/MovieHistoryModalContent.css.d.ts b/frontend/src/Movie/History/MovieHistoryModalContent.css.d.ts deleted file mode 100644 index d81da88119..0000000000 --- a/frontend/src/Movie/History/MovieHistoryModalContent.css.d.ts +++ /dev/null @@ -1,7 +0,0 @@ -// This file is automatically generated. -// Please do not change this file! -interface CssExports { - 'blankpad': string; -} -export const cssExports: CssExports; -export default cssExports; diff --git a/frontend/src/Movie/Index/Overview/MovieIndexOverviews.css b/frontend/src/Movie/Index/Overview/MovieIndexOverviews.css deleted file mode 100644 index f393dcbb0b..0000000000 --- a/frontend/src/Movie/Index/Overview/MovieIndexOverviews.css +++ /dev/null @@ -1,11 +0,0 @@ -.grid { - flex: 1 0 auto; -} - -.container { - &:hover { - .content { - background-color: var(--tableRowHoverBackgroundColor); - } - } -} diff --git a/frontend/src/Movie/Index/Overview/MovieIndexOverviews.css.d.ts b/frontend/src/Movie/Index/Overview/MovieIndexOverviews.css.d.ts deleted file mode 100644 index 8f701b2aa3..0000000000 --- a/frontend/src/Movie/Index/Overview/MovieIndexOverviews.css.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -// This file is automatically generated. -// Please do not change this file! -interface CssExports { - 'container': string; - 'content': string; - 'grid': string; -} -export const cssExports: CssExports; -export default cssExports; diff --git a/frontend/src/Movie/Index/Overview/MovieIndexOverviews.tsx b/frontend/src/Movie/Index/Overview/MovieIndexOverviews.tsx index a7ff7a1c80..96cd73eb71 100644 --- a/frontend/src/Movie/Index/Overview/MovieIndexOverviews.tsx +++ b/frontend/src/Movie/Index/Overview/MovieIndexOverviews.tsx @@ -80,17 +80,17 @@ function MovieIndexOverviews(props: MovieIndexOverviewsProps) { const [size, setSize] = useState({ width: 0, height: 0 }); const posterWidth = useMemo(() => { - const maxiumPosterWidth = isSmallScreen ? 152 : 162; + const maximumPosterWidth = isSmallScreen ? 152 : 162; if (posterSize === 'large') { - return maxiumPosterWidth; + return maximumPosterWidth; } if (posterSize === 'medium') { - return Math.floor(maxiumPosterWidth * 0.75); + return Math.floor(maximumPosterWidth * 0.75); } - return Math.floor(maxiumPosterWidth * 0.5); + return Math.floor(maximumPosterWidth * 0.5); }, [posterSize, isSmallScreen]); const posterHeight = useMemo(() => { diff --git a/frontend/src/Movie/MovieFileStatus.css b/frontend/src/Movie/MovieFileStatus.css deleted file mode 100644 index 308c354f69..0000000000 --- a/frontend/src/Movie/MovieFileStatus.css +++ /dev/null @@ -1,46 +0,0 @@ -.center { - display: flex; - justify-content: center; -} - -.missingUnmonitoredBackground { - &:global(.colorImpaired) { - background: repeating-linear-gradient(45deg, var(--colorImpairedGradientDark), var(--colorImpairedGradientDark) 5px, var(--colorImpairedGradient) 5px, var(--colorImpairedGradient) 10px); - } -} - -.missingMonitoredBackground { - &:global(.colorImpaired) { - background: repeating-linear-gradient(90deg, var(--colorImpairedGradientDark), var(--colorImpairedGradientDark) 5px, var(--colorImpairedGradient) 5px, var(--colorImpairedGradient) 10px); - } -} - -.queue { - padding-right: 2px; - border-left: 5px solid var(--queueColor); -} - -.continuing { - padding-right: 2px; - border-left: 5px solid var(--primaryColor); -} - -.availNotMonitored { - padding-right: 2px; - border-left: 5px solid var(--darkGray); -} - -.ended { - padding-right: 2px; - border-left: 5px solid var(--successColor); -} - -.missingMonitored { - padding-right: 2px; - border-left: 5px solid var(--dangerColor); -} - -.missingUnmonitored { - padding-right: 2px; - border-left: 5px solid var(--warningColor); -} diff --git a/frontend/src/Movie/MovieFileStatus.css.d.ts b/frontend/src/Movie/MovieFileStatus.css.d.ts deleted file mode 100644 index ebf4474cbf..0000000000 --- a/frontend/src/Movie/MovieFileStatus.css.d.ts +++ /dev/null @@ -1,15 +0,0 @@ -// This file is automatically generated. -// Please do not change this file! -interface CssExports { - 'availNotMonitored': string; - 'center': string; - 'continuing': string; - 'ended': string; - 'missingMonitored': string; - 'missingMonitoredBackground': string; - 'missingUnmonitored': string; - 'missingUnmonitoredBackground': string; - 'queue': string; -} -export const cssExports: CssExports; -export default cssExports;