Commit graph

477 commits

Author SHA1 Message Date
infiinte-persistence 145acda9cc [mobile] show "time left/progress" on video player bar
## Fixes:
4220

## Changes:
For `vjs-layout-small`, there is still space to display the said controls. This layout covers devices like Galaxy S5 up to Nexus 6P.

For layouts smaller that that (e.g. 'vjs-layout-xsmall'), they will remain hidden.
2020-07-01 11:20:26 -04:00
Sean Yesmunt 74a18b724e fix subscribe button label not showing on mobile 2020-06-29 13:25:29 -04:00
Sean Yesmunt 7f6c5c544e only add gradient to bottom of channel cover 2020-06-18 12:19:21 -04:00
Sean Yesmunt c45e5c751e use css variables for button placement 2020-06-16 17:14:22 -04:00
infiinte-persistence a20ea08ac7 Show "unmute" option on videos automatically muted by browser.
Implementation:
- The code is placed in <VideoJs> instead of <VideoViewer> as we need to control the video itself. It's more self-contained here, rather than trying to pass refs around between parent and child.
- useState cannot be used as it will cause a re-render when the hint it clicked and dismissed. The DOM is used to hide the button.
2020-06-16 17:14:22 -04:00
Sean Yesmunt 19eefdf1da adjust sizes 2020-06-16 16:24:12 -04:00
Alex Grintsvayg b26a586fb5 wider diff in header sizes for md posts 2020-06-16 16:24:12 -04:00
Sean Yesmunt ea90fd8b18 fix number width and update lbryinc 2020-06-16 09:56:32 -04:00
infiinte-persistence fe431c30a7 SimpleMDE: Add character-count display and standardize look with basic editor's. 2020-06-15 10:53:17 -04:00
Sean Yesmunt 4bbd831a16 fix mobile style 2020-06-15 10:50:01 -04:00
Sean Yesmunt 01e0a2a5db improve support/tip for 0 balance and own claims 2020-06-15 10:50:01 -04:00
Sean Yesmunt 019d1f9176 tip/support marriage 2020-06-15 10:50:01 -04:00
Sean Yesmunt 44cfe25ac2 fix height for embedded content 2020-06-12 17:41:26 -04:00
infiinte-persistence 8068279b5e Limit the Markdown Editor width in Edit (not New) Mode to prevent overflow.
The MDE used in the "new" section has a parent width parameter to limit itself, while the MDE used in the "edit" section didn't.

Fix by limiting ".comment__body_container" to 80%, which takes into account the space taken by the author's avatar. This feels a little bit dirty since it's hard-coded.  If there's a way to calculate the avatar width from here, it will be more robust.
2020-06-09 09:54:10 -04:00
infiinte-persistence d95ab2c168 Fix [ff0cc861] that broke regular word-wrap in comments.
Now, both regular text and "long text without spaces" will wrap correctly.
2020-06-09 09:39:54 -04:00
infiinte-persistence ff0cc8610d Fix long comments without spaces not wrapping and pushing buttons to go off-screen.
#4331 (issue #2)
2020-06-08 09:45:02 -04:00
infiinte-persistence 39f13e1b3a Form-field: Wrap the label/error message when it is too long. 2020-06-08 09:45:02 -04:00
infiinte-persistence 861dd2a70f Form-field: Truncate the "read-only prefix" to 40% width so that the input field is always visible.
Currently, the input field goes off-screen if the read-only prefix is too long.

Given that the prefix is read-only, the user probably knows what the prefix is from context. e.g. In the case of the Repost Modal, the prefix is repeated in a selection field above. So, it's probably ok to just truncate the text to an ellipsis.

The input field is the more important one here, so giving it 60% width when truncation is needed.
2020-06-08 09:45:02 -04:00
infiinte-persistence 468efaf34e Fix css "--spacing-?" renaming that recent PRs missed during the merge. 2020-06-04 10:53:32 -04:00
infiinte-persistence ae82b3fc05 Create transient "status bar" to display the hover URL.
Implementation:
- <StatusBar> listens to 'update-target-url' and will show/hide itself as needed.
- Handled the display of "lbry://" protocol.

CSS:
- The colors chosen should work on both Light and Dark Theme.
- The delay is necessary to avoid blinkies when the mouse is moving around.

#4259
2020-06-04 10:31:06 -04:00
infiinte-persistence 5d1d36d4af Fix color contrast in Markdown Editor (both light & dark).
Fixed color issues that were making things hard to read:
- selected text color, including inline code.
- HTML tags
- Horizontal rule not visible in Preview mode. While at it, I changed the color in Edit mode as well as syntax highlighting.
- blockquote (was gray over gray)

Attempted to fix uneven margins between top and bottom for inline-code and codeblock. Also, removed the extra margin to make it more nice and cosy, instead of far apart.
2020-06-04 10:22:57 -04:00
Sean Yesmunt 9607a0a5f3 remove code left from rebase 2020-06-04 10:11:59 -04:00
Sean Yesmunt 2fe2b12ab6 cleanup 2020-06-03 14:16:43 -04:00
Sean Yesmunt 6ca2bfdc34 clean up strings 2020-06-03 14:16:43 -04:00
Sean Yesmunt e7cdd6c13d moonpay 2020-06-03 14:16:43 -04:00
Sean Yesmunt af5ee2f253 fix channel gif alignment on comments 2020-06-03 11:39:37 -04:00
Sean Yesmunt 02b67d9271 fix homepage mobile spacing 2020-06-03 11:39:37 -04:00
Sean Yesmunt 91aaceda99 re-enable gifs on homepage because i can't figure out how to get it to work 2020-05-29 13:26:06 -04:00
Sean Yesmunt 50bb03d140 increase brightness of cover photo 2020-05-28 23:05:40 -04:00
Sean Yesmunt af5d67a42d fix channel thumbnail gifs on file page 2020-05-28 23:02:56 -04:00
Sean Yesmunt 70b9d82070 fix thumbnail border radius on homepage 2020-05-28 15:09:21 -04:00
Sean Yesmunt 8cf6cc5125 remove un-needed style 2020-05-28 14:08:54 -04:00
Sean Yesmunt 252ca6f5a0 fix tile layout for large screens 2020-05-28 13:28:40 -04:00
Sean Yesmunt 85ec35f246 pause gifs until hover round 2 2020-05-28 13:07:51 -04:00
Sean Yesmunt 06f71f2f0d Revert "pause gifs until hover"
This reverts commit e97a03c5c9.
2020-05-28 12:31:45 -04:00
Sean Yesmunt e97a03c5c9 pause gifs until hover 2020-05-28 11:39:39 -04:00
derekyesmunt 0c10b8465c fix:css remove double border on publish cards 2020-05-26 22:34:57 -04:00
Sean Yesmunt 68e687ee6e moar improvements 2020-05-26 14:42:44 -04:00
Sean Yesmunt 1210a03c3f add additional app driver on paid embeds 2020-05-26 14:29:53 -04:00
Sean Yesmunt 3480bdc4cc improve loading style for embedded videos 2020-05-26 14:20:39 -04:00
infiinte-persistence fffd2f1576 FormField: add an optional quick-action button for 'markdown' and 'textarea'.
Technically, the other modes can have a quick-action button as well, but for now it's not implemented since it's unlikely to be used.

The first usage will be to house the "toggle markdown editor" button, but it can be used for anything. The caller will handle the action.

It will be located at the upper-right, which is a better place for such a button. Putting the "toggle markdown editor" button on the bottom seems too far away and seems to make the 'Done|Cancel' area too busy/cluttered.
2020-05-25 10:32:26 -04:00
Baltazar Gomez ca4bbf53df
Support drag-and-drop file publishing (#4170) 2020-05-25 10:27:36 -04:00
Sean Yesmunt 03518c8a5a show price on embeds in markdown 2020-05-22 16:48:24 -04:00
jessopb 235930815e
prevent paid content in embeds (#4230) 2020-05-21 21:26:46 -04:00
Jeffrey Fisher 2e407c1146 Allow selecting of text by dragging the cursor over text
Closes #4209
2020-05-21 13:24:35 -04:00
Sean Yesmunt c2abcf110c
Paid content on lbry.tv (#4197) 2020-05-21 11:38:28 -04:00
Sean Yesmunt 1fa3ce4e50 basic checkout page prototype 2020-05-18 10:13:35 -04:00
Jeffrey Fisher 6caa8ae4f6 Add grab cursor to pop out player header 2020-05-18 09:58:22 -04:00
Sean Yesmunt 5af0cfc6c2 update footer style 2020-05-13 12:13:13 -04:00
Sean Yesmunt 59d539b362 fix mobile style 2020-05-13 12:13:13 -04:00
Sean Yesmunt 22a4255320 add footer for web 2020-05-13 12:13:13 -04:00
Sean Yesmunt 98820ad1f4 mobile cleanup 2020-05-11 15:54:07 -04:00
Sean Yesmunt 919f82ba94 purchases page, cleanup on pages with <ClaimList /> 2020-05-11 12:31:22 -04:00
Sean Yesmunt ca5f54cbfd improve mobile styles 2020-05-11 10:51:47 -04:00
Sean Yesmunt 90be60c9b0 don't use focus mixin on mobile 2020-05-11 10:51:47 -04:00
btzr-io e75bd22588 fix channel selector icon color 2020-05-08 14:16:40 -04:00
btzr-io a8f6185f12 fix channel selector styles
fix #4072
2020-05-08 14:16:40 -04:00
Jeffrey Fisher c539ab91c0 Fix code review issues 2020-05-08 14:00:59 -04:00
Jeffrey Fisher 8fe9cfafbc Allow video sharing with start timestamp
Closes #3122
2020-05-08 14:00:59 -04:00
Baltazar Gomez 0fa5ce1035 change hyperlink color: fix #346 2020-05-07 16:38:06 -04:00
Baltazar Gomez 673a35b103 remove extra spacing in markdown quotes: fix #3522 2020-05-07 16:38:06 -04:00
Sean Yesmunt 85ac7c5aac move edit button on channel pages 2020-05-04 11:38:35 -04:00
Sean Yesmunt db94e38911 slightly improve pagination button placement 2020-05-04 10:43:05 -04:00
Sean Yesmunt f873b99875 modal consistency cleanup 2020-05-01 14:35:27 -04:00
Sean Yesmunt f99ce16a67 improve header markup for voiceover and add aria-expanded attribute for cards 2020-04-30 15:17:32 -04:00
Sean Yesmunt 8d888d3e23 improve floating behavior when coming from embeds 2020-04-30 15:13:45 -04:00
Sean Yesmunt 49275c298a embeds style fixes 2020-04-30 11:06:06 -04:00
Jeremy Kauffman 6b02805645 fix play button on embed end 2020-04-30 10:37:39 -04:00
Sean Yesmunt 1a50e697ce embed functionality inside markdown posts 2020-04-30 10:13:01 -04:00
Sean Yesmunt ad6d36f2e0 add back embed title background 2020-04-29 17:45:43 -04:00
Sean Yesmunt a5cc1a84aa add card style for lists of claims 2020-04-29 15:37:39 -04:00
Sean Yesmunt 52f704fa0f prevent long titles from overlapping logo in embeds 2020-04-29 14:35:55 -04:00
Sean Yesmunt dd4cd9314c style fixes 2020-04-29 11:00:42 -04:00
Sean Yesmunt 767c69e132 cleanup and fix flow issues 2020-04-29 11:00:42 -04:00
Sean Yesmunt 0754bb1a7f hide double video controls on ios 2020-04-29 11:00:42 -04:00
Sean Yesmunt 04ee4afdc2 test with promise.race 2020-04-29 11:00:42 -04:00
Jeremy Kauffman 49128322d5 consistent styling 2020-04-29 11:00:42 -04:00
Jeremy Kauffman 6c8b0b2d68 maybe ready 2020-04-29 11:00:42 -04:00
Jeremy Kauffman 793f622d8d semi-broken 2020-04-29 11:00:42 -04:00
Baltazar Gomez a76f59999e set max-height of viewer 2020-04-27 14:27:04 -04:00
btzr-io e4d822f818 Fix and enable 3D viewer: #4035
Fix 3d viewer styles

Fix minor warnings from three.js

Remove deprecated themes

Fix #4074
2020-04-27 14:27:04 -04:00
btzr-io 8b6c644415 fix comic book viewer styles: #4035 2020-04-27 10:00:08 -04:00
Sean Yesmunt 837158218e creator analytics improvements 2020-04-24 09:15:25 -04:00
Jeffrey Fisher 3c6469f388 Show elapsed/total instead of the
countdown to the end in video player.

Closes #3813
2020-04-23 10:58:42 -04:00
Sean Yesmunt d0d172ac88 fix channel thumbnail style 2020-04-21 10:34:16 -04:00
jessop 007a57b8d7 remove constriction from txo details 2020-04-21 10:10:00 -04:00
Sean Yesmunt 8cf178ba79 sorta make channel pages look better with long titles 2020-04-21 09:56:03 -04:00
Sean Yesmunt 7ebe8d77a7 remove card body border and add back css I didn't mean to remove 2020-04-15 15:54:39 -04:00
Sean Yesmunt 63092ce7da fix spacing on publish page when user has no lbc 2020-04-15 15:32:47 -04:00
jessop fdd20ef350 use txo list for wallet page:
paginated
enable revoking
filtering

txo pagination changes

move constants

remove fetchTransactions() calls

review changes

final changes
2020-04-15 11:12:29 -04:00
Sean Yesmunt 74aab24227 fix comment reply style 2020-04-14 13:43:59 -04:00
Sean Yesmunt af0257c0d7 add spacing for .section that is next to .section__actions 2020-04-14 13:21:41 -04:00
Jeffrey Fisher 6a68558d4e Make images scale properly in lbry.tv.
Closes #3948
2020-04-14 12:48:04 -04:00
Sean Yesmunt 3c41c5006c fix channel action styling 2020-04-13 16:27:34 -04:00
Sean Yesmunt 2677cd17d8
new signin/signup (#3960)
* new signin/signup

* cleanup and password reset

* new flow working

* cleanup

* add 'autoComplete' props

* fix prop

* try to call email/confirm before resetting password

* Dont use password reset token for email confirmation.

* add password reset

* password manager improvements

* update lbryinc

* cleanup

* slightly improve close button on sign up page

* moar fixes

* fix password autofil

Co-authored-by: Mark Beamer Jr <markbeamerjr@gmail.com>
2020-04-13 15:16:07 -04:00
Sean Yesmunt f177f2dbb9 fix expand button style on mobile 2020-04-10 16:48:31 -04:00
Jeremy Kauffman 6b4d5ce9cf table love 2020-04-09 13:32:03 -04:00
Jeremy Kauffman 449f117336
larger images please
for removing this entirely, but don't want to be too reckless
2020-04-08 16:40:39 -04:00
Alex Grintsvayg c357bbdff0 wrap long lines of code 2020-04-08 11:06:42 -04:00
Sean Yesmunt 8a0a3c61a7 fix card header spacing on mobile 2020-04-03 12:33:48 -04:00