Commit graph

595 commits

Author SHA1 Message Date
Sean Yesmunt
63a09c95fa shrink search bar 2020-07-24 16:14:24 -04:00
Sean Yesmunt
a54790ec64 bring in styles from @lbry/components 2020-07-24 13:20:36 -04:00
Sean Yesmunt
642e3663f7 simplify floating player controls 2020-07-23 11:16:32 -04:00
Sean Yesmunt
aa092baec4 move claim-grid link to bottom right 2020-07-23 11:16:32 -04:00
Sean Yesmunt
90327a72ed add comments behind a flag 2020-07-23 11:03:00 -04:00
Sean Yesmunt
69d010435b allow blocking channels from comment 2020-07-20 14:48:25 -04:00
infiinte-persistence
99c1401164 Restore and fix "comment out youtube badge on file page to fix mobile style"
(1) This reverts commit 8641a3ee1c.

(2) Fix floating-player misalignment due to YT badge in mobile by hiding the badge.

At first, the suggestion to truncate the left URI to keep the entire thing single-lined was implemented, but during testing, I realized that the YT badge will take up the entire width anyway (especially on other languages). The URI is more important than the badge, and truncating both of them would be ugly.

Given the preference to not have 2 lines for this, we'll just hide the badge for the mobile case.

For the Channel Page case, let's make it single-line through "4454: URL / top claims overlap" instead. We'll keep this commit/PR limited to fixing the YT badge.
2020-07-20 10:48:32 -04:00
infiinte-persistence
60af367b18 Fix channel file-search not available in mobile
## Issue
Fixes 4524 `[mobile] in channel search not available`

## Changes
There are currently 3 wunderbars: (1) header (2) channel list (3) downloaded list.

The additional `wrapperStyle` in the header made it hard to find a solution that works for all 3, so I split 2 and 3 into `wunderbar__input--inline`.
2020-07-20 10:37:10 -04:00
Sean Yesmunt
da7b331760 style cleanup 2020-07-09 14:49:36 -04:00
infiinte-persistence
86484eb13f TipModal: Move "Buy More" next to price selection.
Having the "Buy More LBC" at the bottom seems out of place, since the context of LBC/amount is in the middle of the modal.
2020-07-09 13:04:18 -04:00
Sean Yesmunt
ba71d36e9a remove unused styles and add title fallback 2020-07-02 13:01:31 -04:00
Sean Yesmunt
259f51abd6 style pass for channel edit
clean up sections and improve navigation handling

cleanup + image upload modal styling
2020-07-01 22:04:23 -04:00
jessop
36f93343f6 new channel creating and editing 2020-07-01 22:01:48 -04:00
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
deb4107dd0 confirmation cleanup 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
Sean Yesmunt
53043ae8b3 fix default textarea styles (broke in latest chrome) 2020-05-26 13:13:58 -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
2b0314d001 update @lbry/components 2020-05-11 12:40:49 -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
Baltazar Gomez
2a308ef765 fix monopolized style of list-style 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
88dbcf1e2e improve ads styling on dark mode 2020-04-17 14:57:11 -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
jessop
63d6cdaa1a tip error tweaks 2020-04-14 08:45:04 -04:00
jessop
067615afc2 style and limit height of errors on tip unlock modal 2020-04-14 08:22:11 -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
Jeremy Kauffman
2b042d1d97 new homepage searches, always show sidebar 2020-04-02 13:12:29 -04:00
jessopb
ea66c116ca
Merge branch 'master' into feat-expandingCards 2020-04-02 09:19:24 -04:00
jessop
9faca8da2b adds tip unlock modal to file page
i18n messages, handle error case max

copy copy

update @lbry/components and tweak range styles

sigfigs

error catching and cleanup

apply review changes

style table and unlock button

handle tip errors

separate fileDescription from fileDetails

make expandable cards

ui tweaks

tweak copy, style, behavior

remove unused strings

forgot an important line
2020-04-02 08:54:43 -04:00
Sean Yesmunt
7ec58440ab quick fix for channel buttons 2020-04-01 17:44:13 -04:00
Sean Yesmunt
2934c8eb62 fix mobile spacing 2020-04-01 16:42:56 -04:00
Sean Yesmunt
ef3e9c200e mobile style cleanup 2020-04-01 16:00:09 -04:00
Sean Yesmunt
90024fc7ea fix button styles 2020-04-01 15:36:59 -04:00
Jeremy Kauffman
872259b73a
File downloads and refactoring (#3918)
* am I done?

* post diff

* unused selector cleanup

* missed commit

* mess with button styles

* fix flow

Co-authored-by: Jeremy Kauffman <jeremy@lbry.io>
Co-authored-by: Sean Yesmunt <sean@lbry.io>
2020-04-01 14:43:50 -04:00
Sean Yesmunt
27397285bc use web share api 2020-03-30 15:49:45 -04:00
Sean Yesmunt
419b3890cd improve share modal 2020-03-30 09:40:23 -04:00
Sean Yesmunt
f7846e976a style cleanup 2020-03-30 09:40:10 -04:00
Sean Yesmunt
c4fc2993d5 initial commit for inline video ads 2020-03-30 09:40:10 -04:00
Sean Yesmunt
cc7c69eb25 embed improvements 2020-03-27 09:59:07 -04:00
Sean Yesmunt
4cc402e8e0 improve mobile nag style 2020-03-26 11:57:31 -04:00
Sean Yesmunt
0015cd909e add back play button on pause for embedded videos 2020-03-26 10:26:55 -04:00
Thomas Zarebczan
e35fbdd86a make transcoding work
appstrings

provide optimize checkbox on publish

fix missing status

no crash on web

cleanup

better settings ui

add help and time estimate to publish transcoding

messaging

fix: Special SDK + fix config name

fix: older SDK build

fix app string, style tweak

whoops, and looks better to me this way.

bump SDK
2020-03-25 13:42:40 -04:00
Sean Yesmunt
cebb4dd580 add creator analytics to mobile 2020-03-23 15:16:09 -04:00
Sean Yesmunt
e24eaa3552 hide play button when paused on desktop 2020-03-23 12:00:48 -04:00
Alex Grintsvayg
47e8339b9d more spacing between paragraphs 2020-03-23 09:24:54 -04:00
Sean Yesmunt
b6cd67dbd5 add "Replying as {channel}" to reply input label for comments 2020-03-20 16:08:41 -04:00
Sean Yesmunt
9b5860c1bf merge CommentReply and CommentCreate 2020-03-20 15:10:20 -04:00
Kenneth Tubman V
613ba98676 Added the ability to reply to comments 2020-03-20 15:10:20 -04:00
seanyesmunt
1434d13711 undo my change until I know that fixes it 2020-03-19 17:46:40 -04:00
seanyesmunt
2d56518ffe hide big play button when paused on desktop 2020-03-19 17:40:04 -04:00
seanyesmunt
4420983a79 cleanup 2020-03-19 12:12:19 -04:00
seanyesmunt
73b7b45b73 improve empty states 2020-03-19 12:12:19 -04:00
seanyesmunt
a4f1a2e224 add badge to analytics page link 2020-03-19 12:12:19 -04:00
seanyesmunt
bc32341aab initial commit for creator analytics 2020-03-19 12:12:19 -04:00
jessop
d9e65e8328 select tags before channels and filter channels by tag
moartags

CS tags followed category
continue button,
Remove card header on tags select

limitShow tags count

tags limit fix

debug cs tags highlighting

bugfix

yarnlock
2020-03-16 16:47:22 -04:00
Sean Yesmunt
09f04b46dc remove user-select: none for labels too 2020-03-13 18:05:18 -04:00