Merge pull request #634 from Materialious/update/1.6.5

More setting improvements

materialious/android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "us.materialio.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 55
-        versionName "1.6.4"
+        versionCode 56
+        versionName "1.6.5"
         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.4",
+	"version": "1.6.5",
 	"description": "Modern material design for Invidious.",
 	"author": {
 		"name": "Ward Pearce",

materialious/package.json

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

materialious/src/lib/Settings.svelte

@@ -106,7 +106,7 @@
 		| 'dearrow' = 'interface';
 </script>
 
-<dialog class="max" id="dialog-settings">
+<dialog id="dialog-settings">
 	<nav style="margin-bottom: 1em;">
 		<h4 class="max">{$_('layout.settings')}</h4>
 		<button class="circle transparent" data-ui="#dialog-settings"><i>close</i></button>
@@ -156,22 +156,20 @@
 			</a>
 		</nav>
 		<div class="page padding" class:active={activeTab === 'interface'}>
-			<nav class="wrap">
-				<button on:click={toggleDarkMode} class="no-margin">
-					{#if !$darkModeStore}
-						<i>dark_mode</i>
-						<span>{$_('layout.theme.darkMode')}</span>
-					{:else}
-						<i>light_mode</i>
-						<span>{$_('layout.theme.lightMode')}</span>
-					{/if}
-				</button>
-				<button>
-					<i>palette</i>
-					<span>{$_('layout.theme.color')}</span>
-					<input on:change={setColor} type="color" />
-				</button>
-			</nav>
+			<button on:click={toggleDarkMode} class="no-margin">
+				{#if !$darkModeStore}
+					<i>dark_mode</i>
+					<span>{$_('layout.theme.darkMode')}</span>
+				{:else}
+					<i>light_mode</i>
+					<span>{$_('layout.theme.lightMode')}</span>
+				{/if}
+			</button>
+			<button>
+				<i>palette</i>
+				<span>{$_('layout.theme.color')}</span>
+				<input on:change={setColor} type="color" />
+			</button>
 
 			<div class="margin"></div>
 
@@ -732,6 +730,14 @@
 	@media screen and (max-width: 650px) {
 		dialog {
 			padding: 0;
+			inset: 0 auto auto 0;
+			inline-size: 100%;
+			block-size: 100%;
+			max-inline-size: 100%;
+			max-block-size: 100%;
+			transform: translateY(0);
+			background-color: var(--surface);
+			border-radius: 0;
 		}
 	}
 </style>

materialious/static/style.css

@@ -94,7 +94,6 @@ main.root {
 		font-size: 1.5rem !important;
 		padding: .5em .3em !important;
 		border-radius: 3em !important;
-		margin-bottom: .5em;
 	}
 
 	nav.tabbed.small {

update_versions.py

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