Merge pull request #1055 from Materialious/update/1.10.2

Update/1.10.2

materialious/android/app/build.gradle

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

materialious/android/app/src/main/AndroidManifest.xml

@@ -15,7 +15,8 @@
             android:label="@string/title_activity_main"
             android:theme="@style/AppTheme.NoActionBarLaunch"
             android:launchMode="singleTask"
-            android:exported="true">
+            android:exported="true"
+            android:windowOptOutEdgeToEdgeEnforcement="true">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LAUNCHER" />

materialious/android/app/src/main/res/layout/activity_main.xml

@@ -7,6 +7,8 @@
     tools:context=".MainActivity">
 
     <WebView
+        android:id="@+id/webview"
         android:layout_width="match_parent"
-        android:layout_height="match_parent" />
+        android:layout_height="match_parent"
+        android:fitsSystemWindows="true"  />
 </androidx.coordinatorlayout.widget.CoordinatorLayout>

materialious/electron/materialious.metainfo.xml

@@ -59,7 +59,11 @@
     
     
     
-    <release version="1.10.1" date="2025-8-06">
+    
+    <release version="1.10.2" date="2025-8-06">
+      <url>https://github.com/Materialious/Materialious/releases/tag/1.10.2</url>
+    </release>
+<release version="1.10.1" date="2025-8-06">
       <url>https://github.com/Materialious/Materialious/releases/tag/1.10.1</url>
     </release>
 <release version="1.10.0" date="2025-8-04">

materialious/electron/package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.10.1",
+	"version": "1.10.2",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.10.1",
+			"version": "1.10.2",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",

materialious/electron/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "Materialious",
-	"version": "1.10.1",
+	"version": "1.10.2",
 	"description": "Modern material design for Invidious.",
 	"author": {
 		"name": "Ward Pearce",
@@ -44,4 +44,4 @@
 		"capacitor",
 		"electron"
 	]
-}
+}

materialious/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.10.1",
+	"version": "1.10.2",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",
@@ -70,4 +70,4 @@
 		"svelte-persisted-store": "^0.12.0",
 		"youtubei.js": "^15.0.0"
 	}
-}
+}

materialious/src/lib/components/Player.svelte

@@ -240,18 +240,11 @@
 					if (widthHeight.length !== 2) return;
 
 					if (Number(widthHeight[0]) > Number(widthHeight[1])) {
-						await StatusBar.setOverlaysWebView({ overlay: true });
-						await StatusBar.hide();
-						await NavigationBar.hide();
 						await ScreenOrientation.lock({ orientation: 'landscape' });
 					} else {
 						await ScreenOrientation.lock({ orientation: 'portrait' });
 					}
 				} else {
-					await StatusBar.setOverlaysWebView({ overlay: false });
-					await StatusBar.show();
-					await NavigationBar.show();
-
 					await ScreenOrientation.lock({
 						orientation: (originalOrigination as ScreenOrientationResult).type
 					});
@@ -740,7 +733,6 @@
 	onDestroy(async () => {
 		if (Capacitor.getPlatform() === 'android' && !$isAndroidTvStore) {
 			if (originalOrigination) {
-				await StatusBar.setOverlaysWebView({ overlay: false });
 				await StatusBar.show();
 				await ScreenOrientation.lock({
 					orientation: originalOrigination.type

materialious/src/lib/css/global.css

@@ -39,30 +39,6 @@ button.row:hover {
 	width: 100%;
 }
 
-@media screen and (max-width: 650px) {
-	dialog.right {
-		width: 100% !important;
-		border-radius: 0 !important;
-	}
-}
-
-@media screen and (max-width: 650px) {
-	main.root {
-		padding-left: 0.1em !important;
-		padding-right: 0.1em !important;
-	}
-}
-
-@media screen and (max-width: 650px) {
-	main.root {
-		scrollbar-width: none !important;
-	}
-
-	main.root::-webkit-scrollbar {
-		display: none !important;
-	}
-}
-
 @media screen and (max-width: 1000px) {
 	menu.mobile {
 		z-index: 9999 !important;
@@ -70,4 +46,27 @@ button.row:hover {
 		top: 20% !important;
 		width: 100% !important;
 	}
+
+	main.root {
+		scrollbar-width: none !important;
+	}
+
+	main.root::-webkit-scrollbar {
+		display: none !important;
+	}
+
+	main.root {
+		padding-left: 0.1em !important;
+		padding-right: 0.1em !important;
+	}
+
+	dialog.right {
+		width: 100% !important;
+		border-radius: 0 !important;
+		padding-top: 2em;
+	}
+
+	nav.top {
+		height: 110px;
+	}
 }

materialious/src/lib/theme.ts

@@ -7,7 +7,7 @@ import { get } from 'svelte/store';
 import { darkModeStore, interfaceAmoledTheme } from './store';
 
 export async function getDynamicTheme(mode?: string): Promise<Record<string, string>> {
-	const givenSettings = (await ui('theme'));
+	const givenSettings = await ui('theme');
 
 	// @ts-ignore
 	const themes: string = givenSettings[mode ? mode : (ui('mode') as string)];
@@ -23,12 +23,13 @@ export async function setStatusBarColor() {
 	if (Capacitor.getPlatform() === 'android') {
 		await tick();
 
-		const surfaceColor = get(interfaceAmoledTheme) ? '#000000' : (await getDynamicTheme())['--surface-container'];
+		const surfaceColor = get(interfaceAmoledTheme)
+			? '#000000'
+			: (await getDynamicTheme())['--surface-container'];
 
 		await StatusBar.setBackgroundColor({
 			color: surfaceColor
 		});
-		await StatusBar.setOverlaysWebView({overlay: false})
 
 		await NavigationBar.setColor({
 			color: surfaceColor,
@@ -42,10 +43,11 @@ export async function setStatusBarColor() {
 		} else {
 			await StatusBar.setStyle({ style: Style.Light });
 		}
+
+		await StatusBar.setOverlaysWebView({ overlay: false });
 	}
 }
 
-
 export function setAmoledTheme() {
 	const isAmoled = get(interfaceAmoledTheme);
 	const isDark = get(darkModeStore);
@@ -85,4 +87,4 @@ export function setTheme() {
 			ui('mode', 'light');
 		}
 	}
-}
+}

materialious/src/routes/(app)/+layout.svelte

@@ -345,9 +345,7 @@
 				class:active={$page.url.href.endsWith(navPage.href)}
 				data-sveltekit-preload-data="off"
 				><i>{navPage.icon}</i>
-				{#if $page.url.href.endsWith(navPage.href)}
-					<span style="font-size: .8em;">{navPage.name}</span>
-				{/if}
+				<span style="font-size: .8em;">{navPage.name}</span>
 			</a>
 		{/if}
 	{/each}

update_versions.py

@@ -3,7 +3,7 @@ import os
 import re
 from datetime import datetime
 
-LATEST_VERSION = "1.10.1"
+LATEST_VERSION = "1.10.2"
 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")