Comments (13)
Done
from joplin.
@laurent22 I'll paypal you $20 if you implement this within a month from this comment.
from joplin.
@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.
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
- Adding the Resizable component as parent to the note list component.
- Passing the styles of resizable component to note list component and other components as well when the resizable component is resized.
- 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
- Adding event listeners to the component.
- Passing the styles of resizable component to note list component and other components as well when the event is occurred.
- 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.
+1
Would be nice to be able, to resize the sidebar width manually
from joplin.
+1
Would love to be able to resize columns in Terminal:
from joplin.
+1
from joplin.
so, it doesnt exist, right?
from joplin.
@aerioeus, not yet.
from joplin.
ok, merci for letting me know
from joplin.
@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.
@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.
me too ;)
from joplin.
Related Issues (20)
- Link inactive in WYSIWYG panel but work if two panels are deployed HOT 7
- Custom CSS inconsistently applied to HTML notes HOT 2
- Clicking [X] to close window does not close Joplin HOT 2
- Joplin Server. Add linux/arm64 support during docker build. HOT 3
- Cannot share notes HOT 1
- Cannot share item HOT 3
- RFC: Consider changing how we accept third-party plugins HOT 1
- Deleting a table from the context menu in the RTE cannot be undone from the menu
- Code blocks with blank lines break tables HOT 2
- Rich text editor: Mermaid diagram download button doesn't work
- Rich text editor: Mermaid diagram source adds an extra line on each load/save
- Cannot sync a file contain PHP script content
- iOS Share from Firefox does not include URL
- Entire Notebook Deleted After Renaming, once it syncs HOT 1
- Rich text editor: $s replaced with math expressions after switching notes HOT 3
- [toc] markdown extension doesn't support multiple headers with identical content HOT 1
- Table with code block in RTE breaks the table
- Restore note links after importing an ENEX file
- Rotation of attached image is lost when the image is resized HOT 1
- Proposal: PWA (Progressive Web App) for accessibility HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from joplin.