Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Style: make <, ≤, >, ≥ looks better by removing links #20

Merged
merged 2 commits into from
Jun 3, 2020

Conversation

RaitoBezarius
Copy link
Contributor

Those are only enabled upon hovering on them.

@bryangingechen
Copy link
Collaborator

bryangingechen commented May 16, 2020

Here's a screenshot of what things look like after your change:

Screenshot 2020-05-15 21 49 46

One thing I don't like is that in hx : is_integral α x, I can't tell that is_integral is a link and that hx, α and x are not. Could you tweak the colors or some other feature to make the links stand out somehow?

@RaitoBezarius
Copy link
Contributor Author

RaitoBezarius commented May 16, 2020 via email

@RaitoBezarius
Copy link
Contributor Author

Screen Capture_select-area_20200516040210
Here's some dark theme screenshot (sorry for the dark theme! :D)

@bryangingechen
Copy link
Collaborator

Hmm, I actually kind of liked it more with all underlines removed by default, since they overlap with the underscores. Could you somehow make it so the non-links are more grayed out or less bold or something?

In your dark theme, I like the fact that for the second declaration theorem minimal_polynomial.monic, hx, α and x are actually a slightly different color which distinguishes them from the links. Not sure why that doesn't happen for def minimal_polynomial though.

Sorry for being picky!

@RaitoBezarius
Copy link
Contributor Author

RaitoBezarius commented May 16, 2020

Hmm, I actually kind of liked it more with all underlines removed by default, since they overlap with the underscores. Could you somehow make it so the non-links are more grayed out or less bold or something?

We can definitely do something like this, I'll do it tomorrow, if that's okay.

In your dark theme, I like the fact that for the second declaration theorem minimal_polynomial.monic, hx, α and x are actually a slightly different color which distinguishes them from the links. Not sure why that doesn't happen for def minimal_polynomial though.

That's actually a side effect of a CSS filter from my GPU… :'D (I use the Dark Reader extension with Filter+).

Sorry for being picky!

Don't worry, it's all about the user experience.

@rwbarton
Copy link
Contributor

rwbarton commented Jun 3, 2020

In my opinion, even just deleting color: black and adding text-decoration: none looks fine, and definitely an improvement on the status quo:
image
I don't think the underlines are really needed on hover either, since the text color already changes on hover (at least in my browser).

@gebner gebner merged commit cdec7f9 into leanprover-community:master Jun 3, 2020
@rwbarton
Copy link
Contributor

rwbarton commented Jun 3, 2020

Now I realize that links in the decl_args part (between the theorem name and the colon) aren't visible with my change, because their color gets overridden. So I would suggest taking the original commit, but also changing color: black; to color: #0000ee (this seems to be the usual default link color: https://stackoverflow.com/questions/4774022/whats-default-html-css-link-color)

@gebner
Copy link
Member

gebner commented Jun 3, 2020

Please make follow-up PRs if you like something else. But if we don't merge something now, then this will never be fixed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants