Merge pull request #633 from Materialious/update/1.6.4

Improved mobile settings

materialious/android/app/build.gradle

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

materialious/electron/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "Materialious",
-	"version": "1.6.3",
+	"version": "1.6.4",
 	"description": "Modern material design for Invidious.",
 	"author": {
 		"name": "Ward Pearce",

materialious/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.6.3",
+	"version": "1.6.4",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",

materialious/src/lib/Settings.svelte

@@ -113,7 +113,7 @@
 	</nav>
 
 	<div>
-		<nav class="tabbed small scroll">
+		<nav class="tabbed small">
 			<a class:active={activeTab === 'interface'} on:click={() => (activeTab = 'interface')}>
 				<i>grid_view</i>
 				<span>{$_('layout.interface')}</span>
@@ -728,4 +728,10 @@
 	.tabbed {
 		overflow-y: hidden;
 	}
+
+	@media screen and (max-width: 650px) {
+		dialog {
+			padding: 0;
+		}
+	}
 </style>

materialious/static/style.css

@@ -78,3 +78,27 @@ main.root {
 		display: none !important;
 	}
 }
+
+@media screen and (max-width: 1030px) {
+	nav.tabbed {
+		display: flex !important;
+		flex-direction: column !important;
+		gap: 0 !important;
+		flex: 0 !important;
+		margin-bottom: 1em !important;
+		align-items: start !important;
+		padding: 1em 0 !important;
+	}
+
+	nav.tabbed>a {
+		font-size: 1.5rem !important;
+		padding: .5em .3em !important;
+		border-radius: 3em !important;
+		margin-bottom: .5em;
+	}
+
+	nav.tabbed.small {
+		block-size: 100% !important;
+		border-radius: 0 !important;
+	}
+}

update_versions.py

@@ -5,7 +5,7 @@ import json
 import os
 import re
 
-LATEST_VERSION = "1.6.3"
+LATEST_VERSION = "1.6.4"
 WORKING_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), "materialious")
 
 ROOT_PACKAGE = os.path.join(WORKING_DIR, "package.json")