From b1c6ade852d17d22d517f3a4c4d09acbd0044b80 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Wed, 26 Jun 2024 12:57:23 +1200
Subject: [PATCH] Fix sideways thumbnails truncate

---
 materialious/src/lib/Thumbnail.svelte         | 29 +++++++++++--------
 .../routes/(app)/channel/[slug]/+page.svelte  |  3 +-
 update_versions.py                            |  2 +-
 3 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/materialious/src/lib/Thumbnail.svelte b/materialious/src/lib/Thumbnail.svelte
index 4c6b16b0..9d9fa47a 100644
--- a/materialious/src/lib/Thumbnail.svelte
+++ b/materialious/src/lib/Thumbnail.svelte
@@ -5,7 +5,14 @@
 	import { getDeArrow, getThumbnail, getVideo, getVideoProgress } from './Api';
 	import type { Notification, PlaylistPageVideo, Video, VideoBase, VideoPlay } from './Api/model';
 	import ShareVideo from './ShareVideo.svelte';
-	import { cleanNumber, getBestThumbnail, letterCase, proxyVideoUrl, videoLength } from './misc';
+	import {
+		cleanNumber,
+		getBestThumbnail,
+		letterCase,
+		proxyVideoUrl,
+		truncate,
+		videoLength
+	} from './misc';
 	import type { PlayerEvents } from './player';
 	import {
 		authStore,
@@ -309,15 +316,17 @@
 		<div class="small-padding">
 			<nav class="no-margin">
 				<div class="max">
-					<a href={watchUrl.toString()} data-sveltekit-preload-data="off" class="ellipsis-root"
-						><div class="bold ellipsis">
-							{letterCase(video.title.trim())}
-						</div>
-
-						<div class="tooltip bottom small">{letterCase(video.title)}</div>
+					<a
+						href={watchUrl.toString()}
+						data-sveltekit-preload-data="off"
+						class:ellipsis-root={!sideways}
+					>
+						<span class="bold" class:ellipsis={!sideways}
+							>{truncate(letterCase(video.title.trim()), 30)}</span
+						>
 					</a>
 
-					<div class:sideways-info={sideways}>
+					<div>
 						<a class:author={!sideways} href={`/channel/${video.authorId}`}>{video.author}</a>
 						<span>
 							{#if !('publishedText' in video) && 'viewCountText' in video}
@@ -386,10 +395,6 @@
 		width: 180px;
 	}
 
-	.sideways-info {
-		margin-top: 1.5em;
-	}
-
 	@media screen and (max-width: 1499px) {
 		.sideways-root .thumbnail {
 			width: 100%;
diff --git a/materialious/src/routes/(app)/channel/[slug]/+page.svelte b/materialious/src/routes/(app)/channel/[slug]/+page.svelte
index 2bdcde2b..42abb28b 100644
--- a/materialious/src/routes/(app)/channel/[slug]/+page.svelte
+++ b/materialious/src/routes/(app)/channel/[slug]/+page.svelte
@@ -204,9 +204,10 @@
 		justify-content: center;
 	}
 
-	@media screen and (max-width: 580px) {
+	@media screen and (max-width: 1350px) {
 		.description {
 			flex-direction: column;
+			align-items: flex-start;
 		}
 	}
 
diff --git a/update_versions.py b/update_versions.py
index 22961bda..9634112a 100644
--- a/update_versions.py
+++ b/update_versions.py
@@ -5,7 +5,7 @@ import json
 import os
 import re
 
-LATEST_VERSION = "1.1.2"
+LATEST_VERSION = "1.1.3"
 WORKING_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), "materialious")
 
 ROOT_PACKAGE = os.path.join(WORKING_DIR, "package.json")