diff --git a/src/routes/MetaDetails/VideosList/VideosList.js b/src/routes/MetaDetails/VideosList/VideosList.js index a10ce29b6..d3260f4e4 100644 --- a/src/routes/MetaDetails/VideosList/VideosList.js +++ b/src/routes/MetaDetails/VideosList/VideosList.js @@ -31,11 +31,11 @@ const VideosList = ({ className, metaResource }) => {
- - - - - + + + + +
: @@ -68,21 +68,19 @@ const VideosList = ({ className, metaResource }) => {
- {videosForSeason - .filter((video) => { - return search.length === 0 || - ( - (typeof video.title === 'string' && video.title.toLowerCase().includes(search.toLowerCase())) || - (video.released.toLocaleString(undefined, { year: '2-digit', month: 'short', day: 'numeric' }).toLowerCase().includes(search.toLowerCase())) - ); - }) - .map((video, index) => ( -
} diff --git a/src/routes/MetaDetails/VideosList/styles.less b/src/routes/MetaDetails/VideosList/styles.less index cb1c88fa0..3d0e6ef24 100644 --- a/src/routes/MetaDetails/VideosList/styles.less +++ b/src/routes/MetaDetails/VideosList/styles.less @@ -6,10 +6,10 @@ .message-container { flex: 1; + align-self: stretch; display: flex; flex-direction: column; align-items: center; - width: var(--item-size); padding: 2rem; overflow-y: auto; @@ -35,7 +35,6 @@ .seasons-bar { flex: none; align-self: stretch; - min-width: var(--item-size); } .search-bar-container { @@ -45,7 +44,6 @@ flex-direction: row; align-items: center; height: 3.5rem; - min-width: calc(var(--item-size) - 3rem); padding: 0 1rem; margin: 0 1.5rem 1rem 1.5rem; border-radius: 3.5rem; @@ -88,10 +86,7 @@ .videos-scroll-container { flex: 1; + align-self: stretch; overflow-y: auto; - - .video { - width: var(--item-size); - } } } \ No newline at end of file diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less index 01644ad1b..84781ab70 100644 --- a/src/routes/MetaDetails/styles.less +++ b/src/routes/MetaDetails/styles.less @@ -89,8 +89,7 @@ } .videos-list, .streams-list { - --item-size: 26.5rem; - flex: none; + flex: 0 0 26.5rem; align-self: stretch; background-color: @color-background-dark5-70; }