Design issue for nodejs.org/download #1232

Activity

1. gibfahn commented on May 20, 2017

   

   gibfahn

   on May 20, 2017

   Last edited by gibfahn

   Member

   More actions

   Guess that's not only us who find these buttons "under-designed".

   I'm sure you're not the only one (and it seems a reasonable request), although AFAIK you're the first person to raise it.

   What do you think should change to make it more obvious that it's a button? Maybe it should have some shadow below to make stand out? That seems to be what Google suggest in their material design guidelines, and we seem to be going for quite a flat design, so maybe that would help?
2. refack commented on May 20, 2017

   

   refack

   on May 20, 2017

   Contributor

   More actions

   I would:

   1. set the .download-version-toggle { background-color: white; }
   2. increase the button's border radius and remove margin

   .download-version-toggle a {
       /* margin: 2px; */
       padding: 5px 2px;
       border-radius: 5px;
   }
   .download-version-toggle a:first-child { margin-bottom: 4px; }

   3. optional remove the dark green border from .download-version-toggle

   
3. refack commented on May 20, 2017

   

   refack

   on May 20, 2017

   Contributor

   More actions

   PR: #1233
4. lpinca commented on May 21, 2017

   

   lpinca

   on May 21, 2017

   Member

   More actions

   Refs: #947
5. iliakan commented on May 22, 2017

   

   iliakan

   on May 22, 2017

   Author

   More actions

   Looking at the screenshot above, it's still not quite obvious that it's a button. Especially when in the context of the whole table.

   Maybe make it another kind of selector, like a "switch" or something.
6. refack commented on May 22, 2017

   

   refack

   on May 22, 2017

   Contributor

   More actions

   @iliakan PTAL at #1233
7. refack

   added a commit that references this issue on Jun 16, 2017

   Style tweak for download buttons

   ...

   fc532dc
8. fhemberger

   closed this as completedin #1233on Jul 8, 2017
9. fhemberger

   added a commit that references this issue on Jul 8, 2017

   Style tweak for download buttons (#1233)

   ...

   bebcc35