Code Monkey home page Code Monkey logo

Comments (11)

adinauer avatar adinauer commented on June 19, 2024 1

Hey, It took me a while to figure out this behaviour of opening the generic "Java" docs via the text.
Maybe we could simply add the generic link to the list instead and open the dropdown regardless of where you click?

Edit: Ah that's what you suggested above @a-hariti in #9990 (comment)

I think that'd be easier to understand.

from sentry-docs.

a-hariti avatar a-hariti commented on June 19, 2024

This was intentional, the rationale behind it is that platforms with nothing to expand take you directly to the page,
others link there when clicking the text, and expand elsewhere

Do you think it would be better to have all links limited to visible text @Lms24 ?

from sentry-docs.

Lms24 avatar Lms24 commented on June 19, 2024

I see, I kinda suspected something like this. I dont wanna dwell on this too much but to me it seems weird that there's so much dead space where a click doesn't do anything. If we can somehow solve that I think it'd be great but it doesn't necessarily have to be identical to the simple links

from sentry-docs.

a-hariti avatar a-hariti commented on June 19, 2024

The cursor style gives a hint (the hand) when you're about to click on a link, that was the compromise I came up.

The alternative was to not have links on expandable headers and nest the platform link along with its guides, which looks weird

Javascript
  Javascript
  [other guides]

from sentry-docs.

Lms24 avatar Lms24 commented on June 19, 2024

random idea (please keep in mind, I'm no UI/UX expert); What if we really split the card?

image

Red: Link to base guide
Green: Open dropdown

wdyt?

from sentry-docs.

a-hariti avatar a-hariti commented on June 19, 2024

what about adding an arrow next the platform name to make it obvious that its a link, and add a tooltip to the rest of the card?
@Lms24

from sentry-docs.

mydea avatar mydea commented on June 19, 2024

related to this, imho the arrows here are "wrong" - I would expect, when collapsed, that the arrow is v (down), and when expanded, it is ^? does that make sense?

from sentry-docs.

a-hariti avatar a-hariti commented on June 19, 2024

currently it kinda mirrors the standard <details> element @mydea

from sentry-docs.

mydea avatar mydea commented on June 19, 2024

currently it kinda mirrors the standard <details> element @mydea

Hmm, I see, there it is in front of the text though 🤔 no super strong feeling but overall it feels not 100% right to me (subjectively)

from sentry-docs.

a-hariti avatar a-hariti commented on June 19, 2024

I meant in terms of caret direction @mydea

from sentry-docs.

a-hariti avatar a-hariti commented on June 19, 2024

wyt @stephanie-anderson ?

from sentry-docs.

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.