Coder Social home page Coder Social logo

Comments (12)

SkepticMystic avatar SkepticMystic commented on June 14, 2024 1

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

from graph-analysis.

SkepticMystic avatar SkepticMystic commented on June 14, 2024 1

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

from graph-analysis.

SkepticMystic avatar SkepticMystic commented on June 14, 2024 1

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

from graph-analysis.

SkepticMystic avatar SkepticMystic commented on June 14, 2024 1

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

from graph-analysis.

SkepticMystic avatar SkepticMystic commented on June 14, 2024

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?

from graph-analysis.

tyf2018 avatar tyf2018 commented on June 14, 2024

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

from graph-analysis.

SkepticMystic avatar SkepticMystic commented on June 14, 2024

GA-Scrollbar

Here's what I got so far

from graph-analysis.

tyf2018 avatar tyf2018 commented on June 14, 2024

GA-Scrollbar

Here's what I got so far

So cool!

from graph-analysis.

SkepticMystic avatar SkepticMystic commented on June 14, 2024

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

from graph-analysis.

tyf2018 avatar tyf2018 commented on June 14, 2024

@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

from graph-analysis.

SkepticMystic avatar SkepticMystic commented on June 14, 2024

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 :)

from graph-analysis.

tyf2018 avatar tyf2018 commented on June 14, 2024

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.

from graph-analysis.

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.