gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 7 Projects Releases Packages 1 Wiki Activity Actions

Merge branch 'main' into fix/old-messages-loading
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details
ci/woodpecker/pull_request_closed/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
SauceyRed 2025-08-03 20:07:03 +02:00
commit 076fda9e8c
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/UserInterface/ResizableSidebar.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div ref="resizableSidebar" class="resizable-sidebar" <div ref="resizableSidebar" class="resizable-sidebar"
:style="{ :style="{
'width': storedWidth ? `${storedWidth}px` : props.width, 'width': storedWidth ? storedWidth : props.width,
'min-width': props.minWidth, 'min-width': props.minWidth,
'max-width': props.maxWidth, 'max-width': props.maxWidth,
'border': props.borderSides == 'all' ? borderStyling : undefined, 'border': props.borderSides == 'all' ? borderStyling : undefined,
@ -29,10 +29,16 @@ const borderStyling = ".1rem solid var(--padding-color)";
const resizableSidebar = ref<HTMLDivElement>(); const resizableSidebar = ref<HTMLDivElement>();
const widthResizer = ref<HTMLDivElement>(); const widthResizer = ref<HTMLDivElement>();
const storedWidth = ref<number>(); const storedWidth = ref<string>();
const menuItems: ContextMenuItem[] = [ const menuItems: ContextMenuItem[] = [
{ name: "Reset", callback: () => { resizableSidebar.value!.style.width = props.width ?? props.minWidth } } { name: "Reset", callback: () => {
const defaultWidth = props.width ?? props.minWidth;
resizableSidebar.value!.style.width = defaultWidth;
if (props.localStorageName) {
localStorage.setItem(props.localStorageName, defaultWidth);
}
} }
] ]
onMounted(() => { onMounted(() => {
@ -88,7 +94,7 @@ function loadStoredWidth() {
if (props.localStorageName) { if (props.localStorageName) {
const storedWidthValue = localStorage.getItem(props.localStorageName); const storedWidthValue = localStorage.getItem(props.localStorageName);
if (storedWidthValue) { if (storedWidthValue) {
storedWidth.value = parseInt(storedWidthValue) || undefined; storedWidth.value = storedWidthValue;
console.log("[res] loaded stored width"); console.log("[res] loaded stored width");
} }
} }