SkepticMystic / graph-analysis

Analyse the structure of your Obsidian graph using various analysis techniques
GNU General Public License v3.0
400 stars 19 forks source link

Would you consider adjusting the layout of the user panel? #27

Closed tyf2018 closed 2 years ago

tyf2018 commented 2 years ago

Super awesome plug-in, my library has more than 10,000 notes, the new version of the plug-in no longer crashes, I am very happy!

Have a small suggestion, Would you consider adjusting the layout of the user panel? For example, like the longform plug-in, it is made into a tab instead of a drop-down menu. When switching the algorithm mode, the drop-down menu always needs a few extra points 1-2 times, and it is not intuitive

The design of the tab looks like this: image

SkepticMystic commented 2 years ago

Hey Tyf! Thanks for the suggestion. I want to clarify, what do you mean it needs an extra few points 1-2 times? Also, in what way do you find it unintuitive? Is there a way of keeping the current setup but make it more user friendly?

I say this because using tabs like on Longform would probably take up more space than the dropdown. Especially if more algorithms are added, you know?

tyf2018 commented 2 years ago

Hey Tyf! Thanks for the suggestion. I want to clarify, what do you mean it needs an extra few points 1-2 times? Also, in what way do you find it unintuitive? Is there a way of keeping the current setup but make it more user friendly?

I say this because using tabs like on Longform would probably take up more space than the dropdown. Especially if more algorithms are added, you know?

Hey, thanks for the answer.

What I mean is that the drop-down menu requires 1-2 more mouse clicks. I personally think that the interactive interface of tabs is easier to operate. The drop-down menu needs to click the drop-down box so that the user can see which algorithm types are available, not as clear as a tab. Therefore, I personally feel that it is a bit unintuitive.

The interactive interface I envisioned, for example, looks like this,I think this method should not take up additional space. 图2021-11-07 excalidraw

SkepticMystic commented 2 years ago

I think if I can figure out how to make the tab list scrollable, this would work well

SkepticMystic commented 2 years ago

Got a nice little scroll bar working :) I'll keep working on the rest of the changes soon

SkepticMystic commented 2 years ago

GA-Scrollbar

Here's what I got so far

tyf2018 commented 2 years ago

GA-Scrollbar

Here's what I got so far

So cool!

SkepticMystic commented 2 years ago

@tyf2018 checkout 0.6.4! Lots of changes to the ui :)

tyf2018 commented 2 years ago

@tyf2018 checkout 0.6.4! Lots of changes to the ui :)

Awesome, the problem was solved in just one day! Incredible!

Here is a small question, how can I make the scroll bar thicker? How to modify css? For me, the scroll bar is too thin, and sometimes it is not convenient to drag. thanks. image

SkepticMystic commented 2 years ago

Ahh I see. Do you know you can Shift + Scroll to make the scroll bar move horizontally? But aside from that, I will send a css snippet you can use to make it thicker at some point today :)

tyf2018 commented 2 years ago

I learned a little trick, thank you. However, Shift + Scroll does not work on my computer, and the reason has not been found out yet.

SkepticMystic commented 2 years ago

Weird... alright, but here's a snippet you can use to change the height :)

.GA-View .scrollContainer:hover ::-webkit-scrollbar {
  height: 8px;
}

This will double the height, but change it as needed

SkepticMystic commented 2 years ago

I'm gonna close this issue @tyf2018. If it bothers you that Shift + scroll doesn't work, please open a separate issue for it :) I can look into it sometime