Giter Site home page Giter Site logo

Resizable columns about joplin HOT 13 CLOSED

laurent22 avatar laurent22 commented on May 3, 2024 15
Resizable columns

from joplin.

Comments (13)

laurent22 avatar laurent22 commented on May 3, 2024 2

Done

from joplin.

metronidazole avatar metronidazole commented on May 3, 2024 1

@laurent22 I'll paypal you $20 if you implement this within a month from this comment.

from joplin.

laurent22 avatar laurent22 commented on May 3, 2024 1

@laurent22 I'll paypal you $20 if you implement this within a month from this comment.

For bounty, the best probably is to add the request to something like https://www.bountysource.com/ . That would give the issue more visibility and that way anybody can pick the issue and make the changes.

from joplin.

 avatar commented on May 3, 2024

Is there a possibility that the enhancement can be given to joplin for draggable by using following ideas.

Idea 1

is wrapping only note-list component of joplin with a resizable component such that it can be resizable on both sides and other columns depend on note-list component for width. So when ever we change the size of resizable component we will be passing the same css parent properties to child so make it look like the note list component is moving not the resizable component. If the note-list component is moving to the left then the side bar size would be the size of two components combined subtracted to the width of note width. Same with the Note text as well.

Changes that should be done are

  1. Adding the Resizable component as parent to the note list component.
  2. Passing the styles of resizable component to note list component and other components as well when the resizable component is resized.
  3. Rendering the DOM every time the application is resized.

Idea 2

is adding the event listener functions in the code for note list and when ever the mouse event is done the following click listeners like onMouseUp, onMouseMove, onMouseDown are called. Using these functions we can make note list resizable. Rendering should be done when application is resized.

Changes that should be done are

  1. Adding event listeners to the component.
  2. Passing the styles of resizable component to note list component and other components as well when the event is occurred.
  3. Rendering the DOM every time the application is resized.

Instead of making a single component dragable in both sides, we can make side bar and note list resize to their right.

from joplin.

jpgreth avatar jpgreth commented on May 3, 2024

+1

Would be nice to be able, to resize the sidebar width manually

from joplin.

edhilgendorf avatar edhilgendorf commented on May 3, 2024

+1
Would love to be able to resize columns in Terminal:
image

from joplin.

seth100 avatar seth100 commented on May 3, 2024

+1

from joplin.

aerioeus avatar aerioeus commented on May 3, 2024

so, it doesnt exist, right?

from joplin.

Outi-s avatar Outi-s commented on May 3, 2024

@aerioeus, not yet.

from joplin.

aerioeus avatar aerioeus commented on May 3, 2024

ok, merci for letting me know

from joplin.

Outi-s avatar Outi-s commented on May 3, 2024

@aerioeus there is no way to resize them yet but if it's important to you, you can switch layouts and hide the sidebar for a fuller preview or editing.

from joplin.

theerror avatar theerror commented on May 3, 2024

@laurent22 I'll paypal you $20 if you implement this within a month from this comment.

it's actaully good idea. I second it. :)

from joplin.

aerioeus avatar aerioeus commented on May 3, 2024

me too ;)

from joplin.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.