Merge pull request #371 from Materialious/fix/minor-styling-issues

Fix sideways thumbnails truncate

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%;

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;
 		}
 	}
 

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")