Merge pull request #1587 from Materialious/update/1.16.22

Update/1.16.22

materialious/android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "us.materialio.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 238
-        versionName "1.16.21"
+        versionCode 239
+        versionName "1.16.22"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

materialious/electron/materialious.metainfo.xml

@@ -80,7 +80,11 @@
     
     
     
-    <release version="1.16.21" date="2026-3-17">
+    
+    <release version="1.16.22" date="2026-3-17">
+      <url>https://github.com/Materialious/Materialious/releases/tag/1.16.22</url>
+    </release>
+<release version="1.16.21" date="2026-3-17">
       <url>https://github.com/Materialious/Materialious/releases/tag/1.16.21</url>
     </release>
 <release version="1.16.20" date="2026-3-14">

materialious/electron/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "Materialious",
-	"version": "1.16.21",
+	"version": "1.16.22",
 	"description": "Modern material design for YouTube and Invidious.",
 	"author": {
 		"name": "Ward Pearce",

materialious/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.16.21",
+	"version": "1.16.22",
 	"private": true,
 	"scripts": {
 		"dev": "npm run patch:github && vite dev",
@@ -101,4 +101,4 @@
 		"youtubei.js": "^17.0.1",
 		"zod": "^4.3.6"
 	}
-}
+}

materialious/src/lib/components/Share.svelte

@@ -57,11 +57,12 @@
 <button bind:this={shareButtonElement} class={classes}>
 	<i>share</i>
 	{#if !iconOnly}
-		{$_('player.share.title')}
+		<span>{$_('player.share.title')}</span>
+	{:else}
+		<div class="tooltip">
+			{$_('player.share.title')}
+		</div>
 	{/if}
-	<div class="tooltip">
-		{$_('player.share.title')}
-	</div>
 	<menu class={menuClasses} data-ui="#share-menu" id="share-menu">
 		{#if includePromptText}
 			<li class="row">

materialious/src/lib/components/thumbnail/VideoThumbnail.svelte

@@ -317,14 +317,18 @@
 				<span class="bold" style="width: 100%;">{letterCase(video.title.trimEnd())}</span>
 			</a>
 
-			<nav class="align-end">
+			{#if !sideways}
+				<div class="small-space"></div>
+			{/if}
+
+			<nav class="align-end no-margin">
 				{#if !sideways}
 					<AuthorAvatar
 						author={video.author}
 						authorId={'authorId' in video ? video.authorId : ''}
 					/>
 				{/if}
-				<div class="author-details">
+				<div class="author-details" class:not-sideways={!sideways}>
 					<nav style="justify-content: space-between;width: 100%;">
 						<div>
 							{#if 'authorId' in video && video.authorId}
@@ -344,9 +348,10 @@
 							{/if}
 
 							{#if !('publishedText' in video) && 'viewCountText' in video}
-								•
-								{video.viewCountText ?? cleanNumber(video.viewCount ?? 0)}
-								{$_('views')}
+								<span>
+									{video.viewCountText ?? cleanNumber(video.viewCount ?? 0)}
+									{$_('views')}
+								</span>
 							{/if}
 
 							{#if 'published' in video}
@@ -435,8 +440,8 @@
 		white-space: normal;
 		word-wrap: break-word;
 		line-height: 1.2;
-
-		font-size: clamp(0.65rem, 2.5cqw + 0.3rem, 1.15rem);
+		font-size: clamp(0.65rem, 2.5cqw + 0.33rem, 1.15rem);
+		margin: 0;
 	}
 
 	.author-details {
@@ -482,6 +487,10 @@
 		background-color: transparent;
 	}
 
+	.root-menu > li > button {
+		padding: 0 1rem;
+	}
+
 	.sideways-root,
 	.thumbnail-details {
 		container-type: inline-size;

update_versions.py

@@ -3,7 +3,7 @@ import os
 import re
 from datetime import datetime
 
-LATEST_VERSION = "1.16.21"
+LATEST_VERSION = "1.16.22"
 RELEASE_DATE = datetime.now().strftime("%Y-%-m-%d")  # Format: YYYY-M-D
 
 WORKING_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), "materialious")