Commit graph

709 commits

Author SHA1 Message Date
Sean Yesmunt 68b1a0971c Revert "remove unused style"
This reverts commit 57a69be7e8.
2020-11-02 17:15:02 -05:00
Sean Yesmunt 3f76092a3b per channel notification settings take 2 2020-11-02 15:50:53 -05:00
Sean Yesmunt 63f1fed33c per channel notification settings 2020-11-02 14:13:13 -05:00
Sean Yesmunt e6016538b4 add ads script to head for test 2020-11-02 12:01:58 -05:00
Sean Yesmunt 52eb4de7a9 add adstest page to test player ads 2020-10-30 00:20:42 -04:00
Sean Yesmunt dfe1bf5c62 remove unused style 2020-10-30 00:04:59 -04:00
Sean Yesmunt 46fbcb5a0f fix autoplay countdown 2020-10-30 00:04:59 -04:00
Sean Yesmunt b33f14cca4 make file details smaller 2020-10-30 00:04:59 -04:00
Sean Yesmunt 57a69be7e8 remove unused style 2020-10-29 17:02:40 -04:00
Sean Yesmunt f2c6986a6f show channels + streams as winning claim from search query 2020-10-28 16:28:36 -04:00
Sean Yesmunt 4d9731d9c2 fix url wrapping on markdown links 2020-10-28 14:45:04 -04:00
Sean Yesmunt cf40313383 update creator like style 2020-10-27 22:18:22 -04:00
Sean Yesmunt ad20e355cf creator only like reactions 2020-10-27 12:27:30 -04:00
Sean Yesmunt 2716d9441c add unlock button nex to expandable credits button 2020-10-26 11:36:10 -04:00
Sean Yesmunt f54f4fc65d clean up markdown post style 2020-10-23 15:08:27 -04:00
Sean Yesmunt 54fa36abc0 bring in lbc/file details for everyone 2020-10-23 15:08:27 -04:00
jessop fab03d337e ad fix 2 2020-10-21 15:30:01 -04:00
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 77aa580690 add spacing for ul/ol next to p elements 2020-10-14 11:33:39 -04:00
Sean Yesmunt 88c86ff447 add help link 2020-10-12 23:21:23 -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 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