Comments (4)
This is intentional. You'll see that the page will still scroll if you have a scroll wheel or a trackpad, or you can use the arrow keys. (The arrow keys also will move the active item, so you'll need to hold down the Enter key to prevent that behavior).
The scrollbars were removed because they were causing clutter on Windows, which displays large ugly scrollbars. The left pane is particularly clunky looking with scrollbars since there can be bottom and right bars + the divider.
For people without a scroll wheel or trackpad no scrollbars is inconvenient though, so I'll add an option to put the scrollbars back. I'll close this issue once I've added it.
from leovue.
I see.
I discovered the scroll wheel behavior accidentally. I don't get your remark wrt the Enter key preventing the arrow key to change the active item selected: whatever I do, upon the key-release (or is it key-up) event the selection switches.
But another (quite important) aspect of scrollbars is that they also give a you visual cue that what is shown of a page in the viewport is not everything of the page.
For example, with my haphazardly chosen window size of the browser, I happened to see this screen shot at first, so it was much later I realized that I had overlooked some info on the page further down:
In my opinion, PyCharm keeps the clutter on an acceptable level when scrollbars are shown:
So I will be eagerly awaiting the option to enable scrollbars!
Very nice work, BTW :-)
from leovue.
Pycharm's scrollbars are fairly subtle, not so for Windows, especially older versions.
I use a Mac, which hides scrollbars in the browser (unless you are scrolling) so I got used to not using them as a visual cue for extended content.
I realized though, that the problem with the content pane wasn't the scrollbars, it was that they were appearing directly to the right of the centered content, not on the page right. If the vertical scrollbar is all the way to the right, it isn't a problem. So that is what I have implemented now:
- Content window gets scrollbar (all the way on right) when content is scrollable.
- Treemenu scrollbars remain hidden (otherwise in Windows you get a fat scrollbar next to the divider, which looks clunky. The divider needs to be there because in contrast to other left menu layouts, LeoVue trees can be quite wide so you need to be able to resize the tree menu pane easily.) However, with tree menu should be obvious when there is more content, and can scroll with arrow keys if no wheel or trackpad.
About the arrow keys, I mispoke, the shift key will stop the window from scrolling on Mac but menu item still changes, so can't be used to scroll Content pane.
The changes should be working on main site, but I haven't published to npm yet so they aren't implemented with the CDN version yet. Will publish once I've had a chance to do a bit more testing. Let me know if you see any problems, and thanks for the tip.
from leovue.
Published to 1.17.0, so works on CDN now.
from leovue.
Related Issues (13)
- vue-chartjs v3.2.x build error HOT 3
- build err HOT 3
- leo node with jinja template is not displayed HOT 2
- Parse error in LEO file: better reporting, why did it happen? HOT 2
- Subnodes under Top of Subtrees can not be displayed in index.html
- Markdown inline code `` become a new
- README.md doesn't scroll HOT 4
- Is it worth the effort to run locally (w/o local server)? HOT 1
- Make this the next generation of Leo HOT 3
- RTL Support HOT 1
- some of the nodes body are not showing HOT 3
- @clean @auto node makes no outline displayed on left side 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 leovue.