Commit graph

630 commits

Author SHA1 Message Date
Sean Yesmunt
295b8cf2e1 refactor floatingUri to allow inline players in comments/markdown 2020-10-21 15:29:29 -04:00
Sean Yesmunt
a045ddf23e bump lbry-redux + pin icon tweaks 2020-10-19 23:37:39 -04:00
Sean Yesmunt
106f5a0ac2 initial comment pin PR with new commit 2020-10-19 23:37:39 -04:00
jessop
2f84d94c66 related add full width 2020-10-19 22:59:24 -04:00
Sean Yesmunt
264a85d837 Revert "comment pin action"
This reverts commit 636ab7427d.
2020-10-19 15:01:09 -04:00
jessop
636ab7427d comment pin action
owners can pin and unpin comments

tweak pin icon styles

move commenting activeChannel from localStorage to redux
2020-10-19 14:48:01 -04:00
Sean Yesmunt
4815aa9ff1 add reward rate + analytics link on channels page 2020-10-12 23:21:23 -04:00
Sean Yesmunt
65c39cbbc8 fix mobile comments on ios devices 2020-10-12 15:21:03 -04:00
Sean Yesmunt
60569de672 hide comments that were slimed to death TM 2020-10-08 15:57:20 -04:00
Sean Yesmunt
b1bca7982a re-enable lbry:// link styles in comments
will add support for odysee/lbry.tv once the style is finalized
2020-10-08 14:19:21 -04:00
Sean Yesmunt
761b93d811 add style for comments with is_pinned=true 2020-10-08 11:48:32 -04:00
Sean Yesmunt
c43eff8587 comments v69 2020-10-07 17:11:22 -04:00
Sean Yesmunt
00c05437ca add comment sorting and improve comment focus styles 2020-10-06 16:04:52 -04:00
Sean Yesmunt
d9acb034e1 odysee alignment 2020-10-05 14:55:52 -04:00
Sean Yesmunt
46a0d213fb fix channel profile img in header 2020-10-05 14:04:31 -04:00
Sean Yesmunt
61dfc2f74a handle comment time display correctly immediately after posting 2020-10-05 11:54:20 -04:00
infiinte-persistence
108a898ebf Expandable: Fade out section when 'closed'
## Issue
The abrupt cut-off of the expandable section bugs me (looks like a rendering glitch), especially when it cuts off in the middle of a line.

## Change
In addition to the existing 'More' button, we fade out the section to provide additional visual cues.

## Approach
This solution doesn't require the background color to be known, so it will work regardless where <Expandable> is used, or whatever color-scheme is chosen.

However, it does utilize non-standard css -- for older browsers, it should simply cut-off like the before.
2020-10-02 11:54:43 -04:00
infiinte-persistence
4c3728a20f Add "Publish Preview" modal 2020-10-02 10:25:17 -04:00
infiinte-persistence
b666a34863 Tag: Add "type=flow" that reflows to multiline with gaps.
This will be used in Publish Preview modal, and potentially be used in the "show all tags in Claim Preview" request.
2020-10-02 10:25:17 -04:00
Sean Yesmunt
faa4e7364f alignment with odysee branch 2020-10-01 17:10:42 -04:00
Sean Yesmunt
5f9fda0e7c put comment reactions behind flag 2020-10-01 14:46:08 -04:00
Alojz Jakob
859814a17b Remove background color from img.channel-thumbnail__custom
Many of the creators including myself use transparency to achieve some effect. We all love PNGs and GIFs, so please dont shoot in your leg by limiting creative potential :)
For example: you can see the effect here, you can inspect lement and remove background color from channel "profile image": https://lbry.tv/@LBRYlytics:4
2020-10-01 12:27:36 -04:00
Sean Yesmunt
5ab94e25b7 fix staked lbc amount on dark mode 2020-09-30 17:00:18 -04:00
Sean Yesmunt
a92a3305b1 align FileActions with odysee style 2020-09-30 17:00:18 -04:00
Sean Yesmunt
0138eccb60 bring in some changes from odysee 1 2020-09-30 15:26:51 -04:00
Sean Yesmunt
1628f32fe1 fix purchase price color on dark mode 2020-09-30 14:02:45 -04:00
Sean Yesmunt
bd4ac1ae8a fix rebase 2020-09-29 17:12:32 -04:00
jessop
63ce107cc1 comment reactions 2020-09-29 17:12:32 -04:00
Sean Yesmunt
bdb3d695ee make comment thumbnail smaller 2020-09-29 17:12:32 -04:00
Sean Yesmunt
b0d19455c1 add placeholder upvote/downvote buttons on comments 2020-09-29 17:12:32 -04:00
Sean Yesmunt
7a13a53bdd fix notification mobile style 2020-09-29 17:12:32 -04:00
Sean Yesmunt
2c1d97f759 use LbcMessage on snackbars 2020-09-29 17:12:32 -04:00
Sean Yesmunt
672a79cc09 1 column 2020-09-29 17:12:32 -04:00
Sean Yesmunt
110ba59ea0 link style cleanup + tile mode on channels 2020-09-29 17:12:32 -04:00
Sean Yesmunt
fa2d69f943 clean up description style 2020-09-29 17:12:32 -04:00
Sean Yesmunt
6b8a38b894 add spinner to web upload message and fix double card issue 2020-09-29 17:12:32 -04:00
Sean Yesmunt
7d8277b4db fix homepage layout on windows/linux 2020-09-29 17:12:32 -04:00
Sean Yesmunt
4e1076e01b make category header clickable 2020-09-29 17:12:32 -04:00
Sean Yesmunt
6ed57822d6 create <LbcMessage /> to inject lbc symbols in text from IAPIS 2020-09-29 17:12:32 -04:00
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
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
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
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
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
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
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