+
+ {claimIsMine && (
+
+
+
+
+
-
-
-
-
-
-
-
-
- {claimIsMine && (
-
- {viewCount} {viewCount !== 1 ? __('Views') : __('View')}
-
- )}
+
+
+
+
+ {isRewardContent &&
}
+ {nsfw &&
{__('Mature')}
}
+
+
+
-
-
-
-
-
-
{__('Comments')}
-
-
-
-
-
-
-
{
- clipboard.writeText(uri);
- showToast({
- message: __('Copied'),
- });
- }}
- />
-
- {isRewardContent &&
}
- {nsfw &&
{__('Mature')}
}
-
-
-
-
);
diff --git a/src/ui/scss/component/_channel.scss b/src/ui/scss/component/_channel.scss
index b81abb78e..4a79d7e71 100644
--- a/src/ui/scss/component/_channel.scss
+++ b/src/ui/scss/component/_channel.scss
@@ -16,7 +16,7 @@ $metadata-z-index: 1;
align-self: flex-start;
position: absolute;
object-fit: cover;
- filter: brightness(50%);
+ filter: brightness(40%);
}
.channel-cover,
@@ -28,7 +28,7 @@ $metadata-z-index: 1;
.channel-thumbnail {
display: flex;
height: 5rem;
- width: 6rem;
+ width: 5rem;
background-size: cover;
margin-right: var(--spacing-medium);
}
diff --git a/src/ui/scss/component/_claim-list.scss b/src/ui/scss/component/_claim-list.scss
index 4db23e906..0bd17e228 100644
--- a/src/ui/scss/component/_claim-list.scss
+++ b/src/ui/scss/component/_claim-list.scss
@@ -82,20 +82,13 @@
}
.claim-preview {
+ @include mediaThumbHoverZoom;
display: flex;
position: relative;
+ overflow: visible;
+ cursor: pointer;
font-size: 1.3rem;
padding: var(--spacing-medium);
- cursor: pointer;
- overflow: hidden;
-
- &:hover {
- background-color: darken($lbry-white, 5%);
-
- [data-mode='dark'] & {
- background-color: var(--dm-color-04);
- }
- }
.media__thumb {
width: var(--file-list-thumbnail-width);
@@ -122,11 +115,10 @@
}
.claim-preview--large {
- @include mediaThumbHoverZoom;
font-size: 1.6rem;
border-bottom: 0;
padding: 0;
- padding-bottom: var(--spacing-medium);
+ margin: var(--spacing-small) 0;
&:hover {
background-color: transparent;
@@ -153,7 +145,7 @@
.claim-preview-metadata {
display: flex;
flex-direction: column;
- width: 100%;
+ flex: 1;
}
.claim-preview-info {
diff --git a/src/ui/scss/component/_main.scss b/src/ui/scss/component/_main.scss
index d0f1e476d..a1f56037e 100644
--- a/src/ui/scss/component/_main.scss
+++ b/src/ui/scss/component/_main.scss
@@ -36,41 +36,15 @@
}
.main--file-page {
- display: grid;
- grid-template-rows: auto 1fr;
- grid-template-columns: 1fr auto;
- max-width: calc(100% - var(--side-nav-width) - var(--spacing-main-padding));
+ position: relative;
- grid-template-areas:
- 'content content'
- 'info related';
-
- .grid-area--content {
- width: 100%;
- }
-
- .grid-area--content {
- grid-area: content;
- }
.grid-area--info {
- grid-area: info;
+ margin-right: var(--spacing-large);
+ width: 50%;
}
+
.grid-area--related {
- grid-area: related;
- min-width: 30rem;
- max-width: 35rem;
- }
-
- @media (max-width: 600px) {
- grid-template-areas:
- 'content'
- 'info'
- 'related';
-
- .grid-area--related {
- grid-area: related;
- width: auto;
- }
+ width: calc(50% - var(--spacing-large));
}
}
diff --git a/src/ui/scss/component/_media.scss b/src/ui/scss/component/_media.scss
index bf9cbed3a..6c6e1432b 100644
--- a/src/ui/scss/component/_media.scss
+++ b/src/ui/scss/component/_media.scss
@@ -56,18 +56,14 @@
.media__title--large {
cursor: default;
- display: inline;
+ overflow: hidden;
+ width: 100%;
+ text-overflow: ellipsis;
font-size: 2rem;
line-height: 1.33;
margin-right: var(--spacing-small);
}
-.media__uri-wrapper {
- display: flex;
- justify-content: space-between;
- margin-bottom: var(--spacing-small);
-}
-
.media__uri {
font-size: 1.1rem;
min-width: 0;
@@ -92,6 +88,10 @@
justify-content: space-between;
}
+.media__actions--nowrap {
+ flex-wrap: nowrap;
+}
+
.media__action-group {
> *:not(:last-child) {
margin-right: var(--spacing-medium);
@@ -116,13 +116,6 @@
}
}
-// M E D I A
-// C O N T E N T
-
-.media__content--large {
- padding-right: var(--spacing-large);
-}
-
// M E D I A
// S U B T E X T
//
diff --git a/static/locales/en.json b/static/locales/en.json
index 9561007b3..9f01cc257 100644
--- a/static/locales/en.json
+++ b/static/locales/en.json
@@ -482,7 +482,6 @@
"Rendering document.": "Rendering document.",
"Sorry, looks like we can't load the document.": "Sorry, looks like we can't load the document.",
"Tag Search": "Tag Search",
- "Disabled": "Disabled",
"Rewards are currently disabled for your account. Turn on diagnostic data sharing, in": "Rewards are currently disabled for your account. Turn on diagnostic data sharing, in",
", in order to re-enable them.": ", in order to re-enable them.",
"Humans Only": "Humans Only",
diff --git a/yarn.lock b/yarn.lock
index 5d8fa8d07..b863207ce 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6646,9 +6646,9 @@ lazy-val@^1.0.3, lazy-val@^1.0.4:
yargs "^13.2.2"
zstd-codec "^0.1.1"
-lbry-redux@lbryio/lbry-redux#c83489e78ed368d368ad25552fce25e7de2d64b5:
+lbry-redux@lbryio/lbry-redux#bb82aed61a5569e565daa784eb25fc1d639c0c22:
version "0.0.1"
- resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/c83489e78ed368d368ad25552fce25e7de2d64b5"
+ resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/bb82aed61a5569e565daa784eb25fc1d639c0c22"
dependencies:
proxy-polyfill "0.1.6"
reselect "^3.0.0"