chore: drop the hide right sidebar setting
This commit is contained in:
1 parent
2f3d030f6c
commit
ae13fb44a3
6 files changed
+62
-29
No files matched your search
@@ -131,8 +131,8 @@ The Modrinth Servers button in the left sidebar can be switched off under
|
|||||||
Settings > Features > Sidebar.
|
Settings > Features > Sidebar.
|
||||||
|
|
||||||
The news section in the right sidebar folds away by clicking its heading. The right sidebar itself
|
The news section in the right sidebar folds away by clicking its heading. The right sidebar itself
|
||||||
folds away with the arrow button in the title bar, which upstream only shows once "Hide right
|
folds away with the arrow button in the title bar. Upstream shows that button only once "Hide right
|
||||||
sidebar" is turned on in settings. Both remember what they were set to across restarts, and the
|
sidebar" is turned on in settings; here it is always there and that setting is gone. Both remember what they were set to across restarts, and the
|
||||||
title bar button briefly shows a check once its state is saved; the first time, a short note
|
title bar button briefly shows a check once its state is saved; the first time, a short note
|
||||||
explains this. On pages that need the sidebar, such as the mod browser, the button stays in place,
|
explains this. On pages that need the sidebar, such as the mod browser, the button stays in place,
|
||||||
greyed out. While the sidebar is folded away, the
|
greyed out. While the sidebar is folded away, the
|
||||||
|
|||||||
@@ -30,14 +30,15 @@ page headed "Sync features across devices" and would otherwise look like
|
|||||||
it syncs. The other two are not settings entries - a heading and a title
|
it syncs. The other two are not settings entries - a heading and a title
|
||||||
bar button - so nothing there promises anything.
|
bar button - so nothing there promises anything.
|
||||||
---
|
---
|
||||||
apps/app-frontend/src/App.vue | 184 ++++++++++++++++--
|
apps/app-frontend/src/App.vue | 180 ++++++++++++++++--
|
||||||
|
.../ui/settings/display/BehaviorSettings.vue | 18 --
|
||||||
.../ui/settings/display/FeaturesSettings.vue | 28 +++
|
.../ui/settings/display/FeaturesSettings.vue | 28 +++
|
||||||
.../src/composables/use-app-settings.ts | 4 +
|
.../src/composables/use-app-settings.ts | 4 +
|
||||||
packages/app-lib/src/state/settings.rs | 4 +
|
packages/app-lib/src/state/settings.rs | 4 +
|
||||||
4 files changed, 205 insertions(+), 15 deletions(-)
|
5 files changed, 201 insertions(+), 33 deletions(-)
|
||||||
|
|
||||||
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
||||||
index d750a5f..c47484d 100644
|
index d750a5f..76da736 100644
|
||||||
--- a/apps/app-frontend/src/App.vue
|
--- a/apps/app-frontend/src/App.vue
|
||||||
+++ b/apps/app-frontend/src/App.vue
|
+++ b/apps/app-frontend/src/App.vue
|
||||||
@@ -10,6 +10,8 @@ import {
|
@@ -10,6 +10,8 @@ import {
|
||||||
@@ -65,14 +66,14 @@ index d750a5f..c47484d 100644
|
|||||||
NewsArticleCard,
|
NewsArticleCard,
|
||||||
NotificationPanel,
|
NotificationPanel,
|
||||||
PopupNotificationPanel,
|
PopupNotificationPanel,
|
||||||
@@ -254,12 +258,46 @@ const credentials = ref()
|
@@ -254,12 +258,42 @@ const credentials = ref()
|
||||||
const storedModrinthAccounts = ref([])
|
const storedModrinthAccounts = ref([])
|
||||||
let credentialsRefreshId = 0
|
let credentialsRefreshId = 0
|
||||||
const sidebarToggled = ref(true)
|
const sidebarToggled = ref(true)
|
||||||
+// Whether the right sidebar is folded away, remembered across restarts in the
|
+// Whether the right sidebar is folded away, remembered across restarts in the
|
||||||
+// feature flags. The title bar button below is what normally sets it; the
|
+// feature flags. The title bar button below is the only thing that sets it:
|
||||||
+// "Hide right sidebar" setting still seeds it, so turning that on folds the
|
+// upstream's "Hide right sidebar" setting, which used to be what showed that
|
||||||
+// sidebar away as it always did.
|
+// button, is gone.
|
||||||
watch(
|
watch(
|
||||||
- () => appSettings.toggleSidebar,
|
- () => appSettings.toggleSidebar,
|
||||||
- (toggleSidebar) => {
|
- (toggleSidebar) => {
|
||||||
@@ -82,10 +83,6 @@ index d750a5f..c47484d 100644
|
|||||||
+ sidebarToggled.value = !collapsed
|
+ sidebarToggled.value = !collapsed
|
||||||
},
|
},
|
||||||
+ { immediate: true },
|
+ { immediate: true },
|
||||||
+)
|
|
||||||
+watch(
|
|
||||||
+ () => appSettings.toggleSidebar,
|
|
||||||
+ (hide) => setSidebarCollapsed(hide),
|
|
||||||
)
|
)
|
||||||
+
|
+
|
||||||
+// Briefly shows a check on the fold button once the state is saved, and the
|
+// Briefly shows a check on the fold button once the state is saved, and the
|
||||||
@@ -115,7 +112,7 @@ index d750a5f..c47484d 100644
|
|||||||
const forceSidebar = computed(
|
const forceSidebar = computed(
|
||||||
() =>
|
() =>
|
||||||
route.path.startsWith('/browse') ||
|
route.path.startsWith('/browse') ||
|
||||||
@@ -358,6 +396,21 @@ useQuery({
|
@@ -358,6 +392,21 @@ useQuery({
|
||||||
// ad and the gradient being drawn above it.
|
// ad and the gradient being drawn above it.
|
||||||
const showAd = computed(() => false)
|
const showAd = computed(() => false)
|
||||||
const adConsentAvailable = computed(() => false)
|
const adConsentAvailable = computed(() => false)
|
||||||
@@ -137,7 +134,7 @@ index d750a5f..c47484d 100644
|
|||||||
providePageContext({
|
providePageContext({
|
||||||
hierarchicalSidebarAvailable: ref(true),
|
hierarchicalSidebarAvailable: ref(true),
|
||||||
showAds: showAd,
|
showAds: showAd,
|
||||||
@@ -588,6 +641,25 @@ const messages = defineMessages({
|
@@ -588,6 +637,25 @@ const messages = defineMessages({
|
||||||
goBack: { id: 'app.navigation.go-back', defaultMessage: 'Go back' },
|
goBack: { id: 'app.navigation.go-back', defaultMessage: 'Go back' },
|
||||||
goForward: { id: 'app.navigation.go-forward', defaultMessage: 'Go forward' },
|
goForward: { id: 'app.navigation.go-forward', defaultMessage: 'Go forward' },
|
||||||
nextImage: { id: 'app.navigation.next-image', defaultMessage: 'Next image' },
|
nextImage: { id: 'app.navigation.next-image', defaultMessage: 'Next image' },
|
||||||
@@ -163,7 +160,7 @@ index d750a5f..c47484d 100644
|
|||||||
updateDownloadMissingVersion: {
|
updateDownloadMissingVersion: {
|
||||||
id: 'app.update.download-error.missing-version',
|
id: 'app.update.download-error.missing-version',
|
||||||
defaultMessage: 'Failed to download update: no version available',
|
defaultMessage: 'Failed to download update: no version available',
|
||||||
@@ -2252,6 +2324,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
@@ -2252,6 +2320,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
||||||
<ImageIcon />
|
<ImageIcon />
|
||||||
</NavButton>
|
</NavButton>
|
||||||
<NavButton
|
<NavButton
|
||||||
@@ -171,7 +168,7 @@ index d750a5f..c47484d 100644
|
|||||||
v-tooltip.right="formatMessage(messages.modrinthHosting)"
|
v-tooltip.right="formatMessage(messages.modrinthHosting)"
|
||||||
to="/hosting/manage"
|
to="/hosting/manage"
|
||||||
:is-primary="(r) => r.path === '/hosting/manage' || r.path === '/hosting/manage/'"
|
:is-primary="(r) => r.path === '/hosting/manage' || r.path === '/hosting/manage/'"
|
||||||
@@ -2377,16 +2450,42 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
@@ -2377,16 +2446,42 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
||||||
<Breadcrumbs />
|
<Breadcrumbs />
|
||||||
</div>
|
</div>
|
||||||
<section data-tauri-drag-region class="flex shrink-0 ml-auto items-center">
|
<section data-tauri-drag-region class="flex shrink-0 ml-auto items-center">
|
||||||
@@ -223,7 +220,7 @@ index d750a5f..c47484d 100644
|
|||||||
<div class="flex mr-3">
|
<div class="flex mr-3">
|
||||||
<Suspense>
|
<Suspense>
|
||||||
<AppActionBar />
|
<AppActionBar />
|
||||||
@@ -2502,10 +2601,18 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
@@ -2502,10 +2597,18 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
||||||
class="p-4 border-0 border-b-[1px] border-[--brand-gradient-border] border-solid"
|
class="p-4 border-0 border-b-[1px] border-[--brand-gradient-border] border-solid"
|
||||||
/>
|
/>
|
||||||
<div v-if="news && news.length > 0" class="p-4 flex flex-col items-center">
|
<div v-if="news && news.length > 0" class="p-4 flex flex-col items-center">
|
||||||
@@ -245,7 +242,7 @@ index d750a5f..c47484d 100644
|
|||||||
<NewsArticleCard
|
<NewsArticleCard
|
||||||
v-for="(item, index) in news"
|
v-for="(item, index) in news"
|
||||||
:key="`news-${index}`"
|
:key="`news-${index}`"
|
||||||
@@ -2531,6 +2638,21 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
@@ -2531,6 +2634,21 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
||||||
<I18nDebugPanel />
|
<I18nDebugPanel />
|
||||||
<NotificationPanel :has-sidebar="sidebarVisible" />
|
<NotificationPanel :has-sidebar="sidebarVisible" />
|
||||||
<PopupNotificationPanel :has-sidebar="sidebarVisible" />
|
<PopupNotificationPanel :has-sidebar="sidebarVisible" />
|
||||||
@@ -267,7 +264,7 @@ index d750a5f..c47484d 100644
|
|||||||
<ErrorModal ref="errorModal" />
|
<ErrorModal ref="errorModal" />
|
||||||
<MinecraftAuthErrorModal ref="minecraftAuthErrorModal" />
|
<MinecraftAuthErrorModal ref="minecraftAuthErrorModal" />
|
||||||
<MinecraftRequiredModal ref="minecraftRequiredModal" />
|
<MinecraftRequiredModal ref="minecraftRequiredModal" />
|
||||||
@@ -2743,6 +2865,38 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
@@ -2743,6 +2861,38 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
||||||
display: contents;
|
display: contents;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -306,6 +303,42 @@ index d750a5f..c47484d 100644
|
|||||||
@media (prefers-reduced-motion: no-preference) {
|
@media (prefers-reduced-motion: no-preference) {
|
||||||
.nav-button-animated-enter-active {
|
.nav-button-animated-enter-active {
|
||||||
transition: all 0.5s cubic-bezier(0.15, 1.4, 0.64, 0.96);
|
transition: all 0.5s cubic-bezier(0.15, 1.4, 0.64, 0.96);
|
||||||
|
diff --git a/apps/app-frontend/src/components/ui/settings/display/BehaviorSettings.vue b/apps/app-frontend/src/components/ui/settings/display/BehaviorSettings.vue
|
||||||
|
index 55622d7..6c6ba20 100644
|
||||||
|
--- a/apps/app-frontend/src/components/ui/settings/display/BehaviorSettings.vue
|
||||||
|
+++ b/apps/app-frontend/src/components/ui/settings/display/BehaviorSettings.vue
|
||||||
|
@@ -80,14 +80,6 @@ const messages = defineMessages({
|
||||||
|
id: 'app.appearance-settings.default-landing-page.library',
|
||||||
|
defaultMessage: 'Library',
|
||||||
|
},
|
||||||
|
- toggleSidebarTitle: {
|
||||||
|
- id: 'app.appearance-settings.toggle-sidebar.title',
|
||||||
|
- defaultMessage: 'Hide right sidebar',
|
||||||
|
- },
|
||||||
|
- toggleSidebarDescription: {
|
||||||
|
- id: 'app.appearance-settings.toggle-sidebar.description',
|
||||||
|
- defaultMessage: 'Hide the right sidebar by default and add a button to show or hide it.',
|
||||||
|
- },
|
||||||
|
compactModeTitle: {
|
||||||
|
id: 'app.appearance-settings.compact-mode.title',
|
||||||
|
defaultMessage: 'Compact mode',
|
||||||
|
@@ -288,16 +280,6 @@ onBeforeUnmount(() => {
|
||||||
|
</div>
|
||||||
|
<Toggle id="minimize-launcher" v-model="current.minimizeApp" />
|
||||||
|
</div>
|
||||||
|
-
|
||||||
|
- <div class="flex items-center justify-between gap-4">
|
||||||
|
- <div>
|
||||||
|
- <h3 class="m-0 text-lg font-semibold text-contrast">
|
||||||
|
- {{ formatMessage(messages.toggleSidebarTitle) }}
|
||||||
|
- </h3>
|
||||||
|
- <p class="m-0 mt-1">{{ formatMessage(messages.toggleSidebarDescription) }}</p>
|
||||||
|
- </div>
|
||||||
|
- <Toggle id="toggle-sidebar" v-model="current.hideRightSidebar" />
|
||||||
|
- </div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
diff --git a/apps/app-frontend/src/components/ui/settings/display/FeaturesSettings.vue b/apps/app-frontend/src/components/ui/settings/display/FeaturesSettings.vue
|
diff --git a/apps/app-frontend/src/components/ui/settings/display/FeaturesSettings.vue b/apps/app-frontend/src/components/ui/settings/display/FeaturesSettings.vue
|
||||||
index 1d3e379..ae88550 100644
|
index 1d3e379..ae88550 100644
|
||||||
--- a/apps/app-frontend/src/components/ui/settings/display/FeaturesSettings.vue
|
--- a/apps/app-frontend/src/components/ui/settings/display/FeaturesSettings.vue
|
||||||
|
|||||||
@@ -11,10 +11,10 @@ Subject: [PATCH] Round the window corners on Linux
|
|||||||
4 files changed, 53 insertions(+), 1 deletion(-)
|
4 files changed, 53 insertions(+), 1 deletion(-)
|
||||||
|
|
||||||
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
||||||
index c47484d..556ef25 100644
|
index 76da736..dcae1f1 100644
|
||||||
--- a/apps/app-frontend/src/App.vue
|
--- a/apps/app-frontend/src/App.vue
|
||||||
+++ b/apps/app-frontend/src/App.vue
|
+++ b/apps/app-frontend/src/App.vue
|
||||||
@@ -547,6 +547,16 @@ watch([os, isFullscreen], ([osName, fullscreen]) => {
|
@@ -543,6 +543,16 @@ watch([os, isFullscreen], ([osName, fullscreen]) => {
|
||||||
document.documentElement.classList.toggle('mac-traffic-lights', osName === 'MacOS' && !fullscreen)
|
document.documentElement.classList.toggle('mac-traffic-lights', osName === 'MacOS' && !fullscreen)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ Subject: [PATCH] Scroll with the middle mouse button
|
|||||||
create mode 100644 apps/app-frontend/src/helpers/autoscroll.ts
|
create mode 100644 apps/app-frontend/src/helpers/autoscroll.ts
|
||||||
|
|
||||||
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
||||||
index 556ef25..0ffddff 100644
|
index dcae1f1..e18904b 100644
|
||||||
--- a/apps/app-frontend/src/App.vue
|
--- a/apps/app-frontend/src/App.vue
|
||||||
+++ b/apps/app-frontend/src/App.vue
|
+++ b/apps/app-frontend/src/App.vue
|
||||||
@@ -126,6 +126,7 @@ import {
|
@@ -126,6 +126,7 @@ import {
|
||||||
@@ -22,7 +22,7 @@ index 556ef25..0ffddff 100644
|
|||||||
import { get_user, get_user_many, get_version } from '@/helpers/cache.js'
|
import { get_user, get_user_many, get_version } from '@/helpers/cache.js'
|
||||||
import { gameSettingsQueryOptions } from '@/helpers/game-options'
|
import { gameSettingsQueryOptions } from '@/helpers/game-options'
|
||||||
import { install_create_modpack_instance, install_get_modpack_preview } from '@/helpers/install'
|
import { install_create_modpack_instance, install_get_modpack_preview } from '@/helpers/install'
|
||||||
@@ -607,11 +608,18 @@ onMounted(async () => {
|
@@ -603,11 +604,18 @@ onMounted(async () => {
|
||||||
document.querySelector('body').addEventListener('auxclick', handleAuxClick)
|
document.querySelector('body').addEventListener('auxclick', handleAuxClick)
|
||||||
document.querySelector('body').addEventListener('contextmenu', handleContextMenu)
|
document.querySelector('body').addEventListener('contextmenu', handleContextMenu)
|
||||||
document.addEventListener('fullscreenchange', handleFullscreenChange)
|
document.addEventListener('fullscreenchange', handleFullscreenChange)
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ menu closing.
|
|||||||
create mode 100644 apps/app-frontend/src/components/ui/TitleBarAccountSwitcher.vue
|
create mode 100644 apps/app-frontend/src/components/ui/TitleBarAccountSwitcher.vue
|
||||||
|
|
||||||
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
||||||
index 0ffddff..5cbe7d8 100644
|
index e18904b..4d95408 100644
|
||||||
--- a/apps/app-frontend/src/App.vue
|
--- a/apps/app-frontend/src/App.vue
|
||||||
+++ b/apps/app-frontend/src/App.vue
|
+++ b/apps/app-frontend/src/App.vue
|
||||||
@@ -79,6 +79,7 @@ import { computed, nextTick, onMounted, onUnmounted, provide, ref, watch } from
|
@@ -79,6 +79,7 @@ import { computed, nextTick, onMounted, onUnmounted, provide, ref, watch } from
|
||||||
@@ -33,7 +33,7 @@ index 0ffddff..5cbe7d8 100644
|
|||||||
import AppActionBar from '@/components/ui/AppActionBar.vue'
|
import AppActionBar from '@/components/ui/AppActionBar.vue'
|
||||||
import Breadcrumbs from '@/components/ui/Breadcrumbs.vue'
|
import Breadcrumbs from '@/components/ui/Breadcrumbs.vue'
|
||||||
import ErrorModal from '@/components/ui/ErrorModal.vue'
|
import ErrorModal from '@/components/ui/ErrorModal.vue'
|
||||||
@@ -2509,6 +2510,13 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
@@ -2505,6 +2506,13 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
|
||||||
<AppActionBar />
|
<AppActionBar />
|
||||||
</Suspense>
|
</Suspense>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -19,10 +19,10 @@ get a notice with a button to the release on GitHub.
|
|||||||
3 files changed, 76 insertions(+), 21 deletions(-)
|
3 files changed, 76 insertions(+), 21 deletions(-)
|
||||||
|
|
||||||
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
|
||||||
index 5cbe7d8..dfdcdb1 100644
|
index 4d95408..6539d4a 100644
|
||||||
--- a/apps/app-frontend/src/App.vue
|
--- a/apps/app-frontend/src/App.vue
|
||||||
+++ b/apps/app-frontend/src/App.vue
|
+++ b/apps/app-frontend/src/App.vue
|
||||||
@@ -1888,9 +1888,13 @@ const updatePopupMessages = defineMessages({
|
@@ -1884,9 +1884,13 @@ const updatePopupMessages = defineMessages({
|
||||||
defaultMessage: `Modrinth App v{version} has finished downloading. Reload to update now, or automatically when you close Modrinth App.`,
|
defaultMessage: `Modrinth App v{version} has finished downloading. Reload to update now, or automatically when you close Modrinth App.`,
|
||||||
},
|
},
|
||||||
linuxBody: {
|
linuxBody: {
|
||||||
@@ -38,7 +38,7 @@ index 5cbe7d8..dfdcdb1 100644
|
|||||||
},
|
},
|
||||||
reload: {
|
reload: {
|
||||||
id: 'app.update-popup.reload',
|
id: 'app.update-popup.reload',
|
||||||
@@ -2065,28 +2069,47 @@ async function checkUpdates() {
|
@@ -2061,28 +2065,47 @@ async function checkUpdates() {
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user