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

x/website: widen "Download" button on /doc/install page so text doesn't wrap excessively #41856

Closed
stevetraut opened this issue Oct 7, 2020 · 4 comments
Labels
Milestone

Comments

@stevetraut
Copy link

@stevetraut stevetraut commented Oct 7, 2020

This is an issue requesting a change to documentation.

In the download button at https://golang.org/doc/install, the button text wraps, making it a little harder to read. Widening it a bit will give us two lines of unwrapped text for all three OSes.

Looks like changing the width value in the download class will work. It's currently 9.375rem -- it could be 16rem.

.download {
  width: 16rem;
}

@rsc @dmitshur

@gopherbot gopherbot added this to the Unreleased milestone Oct 7, 2020
@seankhliao
Copy link
Contributor

@seankhliao seankhliao commented Oct 7, 2020

can you show a screenshot? are you using font scaling? because it looks fine (single line) for

@dmitshur
Copy link
Member

@dmitshur dmitshur commented Oct 8, 2020

This is what https://golang.org/doc/install looks like at 100% scaling in Chrome on macOS for me:

image

With the suggested 16rem width:

image

Making it wider on the https://golang.org/doc/install page seems fine. We should take care that it doesn't affect other pages inadvertently (e.g., https://golang.org/dl/ also has buttons with the "download" class).

@dmitshur dmitshur added the NeedsFix label Oct 8, 2020
@dmitshur dmitshur changed the title x/website: Widen "Download" button so that text needn't wrap. x/website: widen "Download" button on /doc/install page so text needn't wrap excessively Oct 8, 2020
@stevetraut
Copy link
Author

@stevetraut stevetraut commented Oct 8, 2020

The .download width style rule on https://golang.org/dl/ appears to be superseded by the .downloadBox width, which is set to 280px.

I suggest we change .download width to 17.5rem, which is equivalent to 280px. That will make the buttons on both pages the same width. Just in case.

@gopherbot
Copy link

@gopherbot gopherbot commented Oct 9, 2020

Change https://golang.org/cl/260917 mentions this issue: content/static: widen download button to avoid wrapping.

@dmitshur dmitshur changed the title x/website: widen "Download" button on /doc/install page so text needn't wrap excessively x/website: widen "Download" button on /doc/install page so text doesn't wrap excessively Oct 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
4 participants
You can’t perform that action at this time.