Group-income-simple: Fix links style

Created on 29 Aug 2019  路  10Comments  路  Source: okTurtles/group-income-simple

Problem

Aug-29-2019 12-25-23

The current link style is done with a custom border to simulate a "fancy underline". Because of its nature, the style breaks when the link has two lines.

Solution

@mmbotelho I noticed that on Figma we use a default underline. Which behavior is the correct here?

cc @pieer @taoeffect

Frontend Bug Starter Up-for-grabs

All 10 comments

I used a border on Figma as well. What do you mean by the "style breaks"? It's not clear from the GIF @sandrina-p

When we hover/focus a link, the underline effect disappears... and it shouldn't

Ahhh I see... It doesn't show the animation, right?

Well, if it makes things inconsistent, I would say that we can keep it simple and remove the animation. If we do this, then what your gif shows should be the expected behavior in all links (including the blue ones).

What do you think @pieer @taoeffect @sandrina-p ?

For me it's fine. Maybe @pieer has another suggestion

Sorry @sandrina-p I'm not following, what do you mean by "it's fine", that this issue should be closed, or something else?

I'm fixated on the fact that the text reads "supermajority 175", that's the real issue here 馃槅 .

As far as links go, personally I like it when links are simple, without fancy animations, but do have some kind of simple :hover effect. That's just my opinion of course, and I'll defer to @mmbotelho's judgement here.

I agree @taoeffect. If it keeps things more manageable then I'm 100% for removing the animation.

Ups @taoeffect. What I want to say it's I agree with the suggestion of removing the current link animation and keep it with the simple default underline.

@sandrina-p let's not use text-underline. Let's keep using border, please - text underline can have some weird visual effects

Ah okay, then, border without animations, it's fine as well. @pieer what do you think?

Remove the fancy link animation.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sandrina-p picture sandrina-p  路  8Comments

mmbotelho picture mmbotelho  路  7Comments

taoeffect picture taoeffect  路  5Comments

taoeffect picture taoeffect  路  8Comments

sandrina-p picture sandrina-p  路  6Comments