Commit graph

651 commits

Author SHA1 Message Date
Sean Yesmunt
c1e6e90896 large claim-grid header text + optional icon 2020-09-29 17:12:32 -04:00
Sean Yesmunt
0b0e92d250 add timed out message for tile view 2020-09-29 17:12:32 -04:00
Sean Yesmunt
db43769cbb use LBRY Credits on RewardTile 2020-09-29 17:12:32 -04:00
Sean Yesmunt
29f524981f table alignment fixes 2020-09-29 17:12:32 -04:00
Sean Yesmunt
707abdd280 move lbc symbol to left of amount 2020-09-29 17:12:32 -04:00
Sean Yesmunt
edc30ce8bd fix icon shrinking on snackbars with a lot of text 2020-09-29 17:12:32 -04:00
Sean Yesmunt
35d959208a fix first comment on claim not showing instantly 2020-09-29 17:12:32 -04:00
Sean Yesmunt
cdd0a3c96f no max width on comment channel selector 2020-09-29 17:12:32 -04:00
Sean Yesmunt
3b9f5c17f7 fix mobile wrapping on claim list header 2020-09-29 17:12:32 -04:00
Sean Yesmunt
c049274e0e improve comment reply spacing 2020-09-29 17:12:32 -04:00
Sean Yesmunt
baafd60f4f add back help margin 2020-09-29 17:12:32 -04:00
Sean Yesmunt
295fec0370 copy changes 2020-09-29 17:12:32 -04:00
Sean Yesmunt
bc89d774ba add youtube sync to first run 2020-09-29 17:12:32 -04:00
Sean Yesmunt
dec63d7a2e fix lbc svg rendering issues on chrome mobile 2020-09-29 17:12:32 -04:00
Sean Yesmunt
83a6589cd0 new lbc icon 2020-09-29 17:12:32 -04:00
Sean Yesmunt
c9d7b46372 alignment fixes 2020-09-29 17:12:32 -04:00
Sean Yesmunt
5014b1a027 fix notification linking to channel page 2020-09-29 17:12:32 -04:00
Sean Yesmunt
6e80dbba04 use check icon on snackbars with no errors 2020-09-29 17:12:32 -04:00
Sean Yesmunt
61b6c19320 add empty comments message 2020-09-29 17:12:32 -04:00
Sean Yesmunt
49a7f30f45 fix loading state for tile layout 2020-09-29 17:12:32 -04:00
Sean Yesmunt
1f2fabe81b Use sentence case for all card titles 2020-09-29 17:12:32 -04:00
Sean Yesmunt
7f6ab894d1 create YrblWalletEmpty for generic yrbl with empty wallet message 2020-09-29 17:12:32 -04:00
Sean Yesmunt
391cc76bd8 use consitent style for 'empty wallet' message on pages that require LBC 2020-09-29 17:12:32 -04:00
Sean Yesmunt
a5107f075c wip with channel prompts on comments 2020-09-29 17:12:32 -04:00
Sean Yesmunt
5beb219ff6 fix notification link to comment not working in some cases
the router scroll handling was interefering. I turned that off if  exists as a search param
2020-09-29 17:12:32 -04:00
Sean Yesmunt
b8430e34bf fix slim channel selector size 2020-09-29 17:12:32 -04:00
Sean Yesmunt
5ac404c01a comment cleanup 2020-09-29 17:12:32 -04:00
Sean Yesmunt
248e578422 new comments 2020-09-29 17:12:32 -04:00
Sean Yesmunt
61b1ca89d3 first run cleanup + sync first run acknowledgements 2020-09-29 17:12:32 -04:00
Sean Yesmunt
19fb7d7f06 new layout 🕺 2020-09-29 17:12:32 -04:00
Sean Yesmunt
ccd1cabe04 add option for light background on embeds 2020-09-21 11:38:56 -04:00
infiinte-persistence
dbcd677e69 MDE: Replace the iframe with a stub in "edit + preview" mode.
## Issue
4644: Markdown Preview breaks when <iframe> is present

Error: "Invariant violation: could not find 'store' ..."

## Change
Until we figure out a way to pass the store to the SimpleMDE preview formatter, just replace the embed with a stub region.
2020-09-16 16:15:27 -04:00
infiinte-persistence
a0df0a0e0a Sidebar: Bring back the "Followed Tags" list
## Issue
4708: Bring back tag list in side bar when Tags view selected

## Approach
- Instead of displaying either Channels or Tags, both will now be displayed.
- The tags will simply be a the same button component as the "channels", but with a "#" prefix. This simplifies the CSS-side changes, and looks better overall as well.
2020-09-04 11:50:02 -04:00
Sean Yesmunt
6377dc86e0 fix side navigation scroll behavior on mobile 2020-08-26 11:01:33 -04:00
Sean Yesmunt
bae146205c fix card width on rewards page 2020-08-25 14:07:12 -04:00
Sean Yesmunt
23dfddefa1 fix extra padding on unseen notifications 2020-08-25 12:25:25 -04:00
Sean Yesmunt
9ee4b256fb add mark as seen to notifications 2020-08-21 16:04:27 -04:00
Sean Yesmunt
e0e33eb148 additional copy changes 2020-08-21 11:47:41 -04:00
Sean Yesmunt
ea2d040c22 increase side nav width and give extra bottom padding to deal with link preview 2020-08-20 22:33:13 -04:00
Sean Yesmunt
082ee187da hide side navigation scrollbar until hover 2020-08-20 22:33:13 -04:00
Sean Yesmunt
7b23126379 fix side navigation on mac
mac has an extra header height to handle the top level menu buttons
2020-08-20 22:33:13 -04:00
Sean Yesmunt
cc1a8ca4e8 fix navigation button spacing 2020-08-20 01:38:48 -04:00
Sean Yesmunt
c0053a772b fix mobile video alignment 2020-08-19 10:02:00 -04:00
Sean Yesmunt
3b4ac976b6 Revert "full width homepage"
This reverts commit 0018fdaebc.
2020-08-18 12:53:07 -04:00
Sean Yesmunt
f688402748 align page contents with header width 2020-08-18 10:17:53 -04:00
Sean Yesmunt
0018fdaebc full width homepage 2020-08-18 09:25:36 -04:00
Sean Yesmunt
717de53eb1 force footer to sit below file page contents 2020-08-12 17:23:04 -04:00
Sean Yesmunt
2db2b870ff fix document layout and remove WaitUntilOnPage wrapper for related content 2020-08-12 11:47:00 -04:00
Sean Yesmunt
a31f14b016 cleanup 2020-08-11 17:04:14 -04:00
Sean Yesmunt
692862c769 collapsable sidebar initial commit 2020-08-11 17:04:14 -04:00
jessop
5f5203a211 put file properties such as type and duration over thumb 2020-08-05 14:59:04 -04:00
btzr-io
a5d1746151 add in-app text and markdown publishing 2020-08-04 11:49:12 -04:00
Sean Yesmunt
9acbdf9825 group comment notifications and clean up notification style 2020-07-30 16:15:02 -04:00
Sean Yesmunt
410c3b34a2 actually fix it 2020-07-30 11:09:15 -04:00
Sean Yesmunt
60e2d14e99 fix inline player style for mobile 2020-07-30 08:33:30 -04:00
Sean Yesmunt
3aad88ebe7 revert markdown size increases so no markdown is larger than card titles 2020-07-28 16:37:59 -04:00
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