scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-20 06:35:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6505 from ivanscinote/SCI-9318-making-navigator-resizable

Browse source 
Set navigator max-width to 400px and fix class for removing transitions [SCI-9318]
This commit is contained in:
Martin Artnik 2023-10-20 10:26:57 +02:00 committed by GitHub
parent 826d835351 dcd1681fce
commit fb539e76d2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/vue/navigation/navigator.vue
View file

@ -1,7 +1,7 @@
<template>
<vue-resizable
ref="vueResizable"
:max-width="600"
:max-width="400"
:min-width="208"
width="auto"
height="100%"
@ -134,13 +134,13 @@ export default {
},
onResizeStart() {
document.body.style.cursor = 'url(/images/icon_small/Resize.svg) 0 0, auto';
$('.sci--layout-navigation-navigator').addClass('no-transition');
$('.sci--layout').addClass('no-transition');
$('.sci--layout-navigation-navigator').addClass('!transition-none');
$('.sci--layout').addClass('!transition-none');
},
onResizeEnd(event) {
document.body.style.cursor = 'default';
$('.sci--layout-navigation-navigator').removeClass('no-transition');
$('.sci--layout').removeClass('no-transition');
$('.sci--layout-navigation-navigator').removeClass('!transition-none');
$('.sci--layout').removeClass('!transition-none');
this.changeNavigatorState(event.width)
},
async changeNavigatorState(newWidth) {