Commit graph

44 commits

Author SHA1 Message Date
Alex Liebowitz fb75bc19b4 Fix several problems with margin and padding on buttons
- Buttons on dialogs were not getting width and height
 - Tooltip buttons were getting standard button spacing when they
   should be closer to their corresponding menu button
 - Several buttons and other elements had containers just to get
   spacing in button sets; rename button-container class to
   button-set-item and apply directly to elements where possible.
2017-02-21 01:27:08 -05:00
Alex Liebowitz 376bbed97c Fix styling of normal text links
Due to recent changes, they were appearing as text buttons
2017-01-24 22:39:36 -05:00
Alex Liebowitz ef393ca360 Simplify content wrapping logic in Link 2017-01-23 19:22:25 -05:00
Alex Liebowitz b2fd38a1c8 Reduce padding around text buttons
After moving the padding to the content of buttons, we ended up with
extra padding around text buttons that wasn't there before. The
"Download" bar doesn't look great with no padding at all, but it needs
to match the text buttons so the text doesn't jump to the right when
it switches from "Download" (text button) to "Connecting" (progress bar).

So we pad both text buttons and progress bars just a little bit, less
than a standard button but enough that progress bars look OK.
2017-01-23 18:58:31 -05:00
Jeremy Kauffman 44412437ce unavailable content cleanup 2017-01-21 16:31:41 -05:00
Alex Liebowitz 9a421941fe Move styles for ToolTip and ToolTipLink into CSS 2017-01-20 11:38:23 -05:00
Alex Liebowitz e6563f26b8 Fix extra margin around Open and Download links 2017-01-17 06:44:48 -05:00
Alex Liebowitz e9f00eec23 Pad buttons using margin on content instead of padding on container
Allows button-style progress bars to set width without having to
account for padding
2017-01-16 23:44:06 -05:00
Alex Liebowitz b70b2a859d Fix handling of window click events in DropDownMenu
Wasn't doing e.stopPropagation() when mounting the handler for clicks
outside the menu.
2017-01-16 23:44:06 -05:00
Jeremy Kauffman b7f23aa0dd big refactor of file actions/buttons/tiles 2017-01-16 23:44:04 -05:00
Alex Liebowitz 8d3e585306 When user chooses Open, open files instead of revealing 2017-01-16 23:42:09 -05:00
Alex Liebowitz cddc1ecd22 Remove files from UI immediately (don't wait for daemon to confirm) 2017-01-16 23:42:07 -05:00
Alex Liebowitz 769ee12020 Add ARIA labels to all modals in link.js 2017-01-16 23:41:20 -05:00
Alex Liebowitz 0796dbf285 Add keys to DownloadLink menu items 2017-01-16 23:37:24 -05:00
Alex Liebowitz 94c22961c6 Show "Connecting" instead of "0% Complete" before a download starts
Also remove now-unneeded showCaret prop from <DropDown />
2017-01-16 23:37:24 -05:00
Alex Liebowitz b524eec826 Hide caret on "Downloading" dropdown when download hasn't actually started 2017-01-16 23:37:24 -05:00
Alex Liebowitz 802d8c6777 Remove "Download Started" modal 2017-01-16 23:37:22 -05:00
Alex Liebowitz 8ae5b6e0ed In DownloadLink, immediately switch to "0% Downloaded" on click
Before, it would only change after several seconds when the  download
actually started.
2017-01-16 23:34:29 -05:00
Alex Liebowitz 986ce927f0 In DownloadLink, offer dropdown in "downloading" state 2017-01-16 23:34:29 -05:00
Alex Liebowitz f8ae201e76 Add initial value for this.state.deleteChecked in DownloadLink 2017-01-16 23:34:29 -05:00
Alex Liebowitz 6ea5e41368 Use in-browser platform check in DownloadLink 2017-01-16 23:34:29 -05:00
Alex Liebowitz 8d9e63ad53 Customize "Open in Folder" message based on platform 2017-01-16 23:34:29 -05:00
Alex Liebowitz 78e9a02b70 Add DropDown component and convert DownloadLink to use it 2017-01-16 23:34:10 -05:00
Alex Liebowitz a2641c1a98 Add support for custom conteint in <Link />
Before you could only specify an icon and text label.
2017-01-16 23:33:32 -05:00
Alex Liebowitz d067a6e006 Refactor and clean up Link component 2017-01-16 23:33:31 -05:00
Alex Liebowitz bcaad75df4 Improve and refactor Download links
- Use a single "state" prop to track download progress (not-started,
   downloading, or done)
 - Accept a file path as a prop an "Open" link after the download is
   complete
 - Trim some outdated code; improve CSS class names
2017-01-16 23:33:28 -05:00
Alex Liebowitz 1b51b4e329 Add support for displaying progress in DownloadLink 2017-01-16 23:31:13 -05:00
Alex Liebowitz 9f5c57f93a Add ARIA labels for all modals 2017-01-13 17:05:09 -05:00
Alex Liebowitz 643c884f56 Fix timeout check in DownloadLink
Was checking typeof streamInfo === 'object', and typeof null is
'object' (because why not?)

I think this was previously returning false for timeouts, and now
will only return null, so the "typeof" part may not be needed anymore.
2016-12-16 17:59:15 -05:00
Alex Liebowitz 7efbccbe83 Use new lbry.getCostInfoForName() in DownloadLink and WatchLink 2016-12-16 17:56:55 -05:00
Job Evers 42898d5f60 Convert to ES6 modules 2016-12-06 14:28:10 -05:00
Jeremy Kauffman f086b47f80 Merge pull request #98 from lbryio/word-break-modals
Change wrapping of file path in "Download Succeeded" Modal
2016-12-04 09:02:44 -05:00
Alex Liebowitz 8e90389122 Layout tweak to "Download Succeeded" Modal
This displays the file path on its own line and does character-level
wrapping on the path only.

Ideally, we would just apply character wrapping to all words that are
too long for their line. There are CSS props for that but I haven't
been able to find a reliable way to do it without setting a width on the
outer container, which we don't want here (modals stretch based on their content). So this is the best compromise I can come up with.
2016-12-02 03:21:35 -05:00
Alex Liebowitz 17d13c3a93 Properly notify when a download times out 2016-11-24 22:43:57 -05:00
Alex Liebowitz 323cedadb2 Disable Watch link on click 2016-11-24 22:43:52 -05:00
Alex Liebowitz 12afb10cbc In DownloadLink, don't check this.state.downloading on click
If this.state.downloading is true, the button will be disabled anyway.
2016-11-24 22:43:44 -05:00
Alex Liebowitz 468692b480 Make Download link switch to "Downloading" immediately on click 2016-11-24 22:43:28 -05:00
Alex Liebowitz 6e31b076b3 Restore spacing on Watch and Download buttons 2016-11-10 06:59:54 -05:00
Alex Liebowitz 57b953ba69 Watch and Download link layout tweak
Contain links in spans instead of divs to avoid block layout
2016-11-10 06:59:53 -05:00
Alex Liebowitz a6e4751ae3 Convert alerts to modals in DownloadLink component 2016-11-10 06:57:06 -05:00
Jeremy Kauffman a36f0f2691 wallet code + some finer touches on header + nav 2016-08-09 08:22:06 -04:00
Jeremy Kauffman 640001c597 store upgrade skip in session 2016-08-09 08:20:19 -04:00
Jeremy Kauffman 98ebf02ca6 split out tool tip to separate component 2016-08-09 08:20:19 -04:00
Jeremy Kauffman 45f14598b9 barebones sidebar + light component refactor 2016-08-09 08:20:19 -04:00