LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

fix issue where viewcounts were creating a new line

Browse source
This commit is contained in:
Anthony 2021-09-22 19:02:59 +03:00
parent 78d0ff9793
commit 464eec9663
No known key found for this signature in database
GPG key ID: C386D3C93D50E356
2 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ui/component/fileViewCountInline/view.jsx
View file

@ -15,6 +15,7 @@ export default function FileViewCountInline(props: Props) {
let formattedViewCount;
try {
// SI notation that changes 1234 to 1.2K, look up Intl.NumberFormat() for docs
formattedViewCount = Number(viewCount).toLocaleString(lang || 'en', {
compactDisplay: 'short',
notation: 'compact',

20
ui/scss/component/_claim-list.scss
View file

@ -556,13 +556,23 @@
.claim-tile__info {
display: flex;
margin-top: var(--spacing-s);
padding: var(--spacing-s);
border-top: 1px solid var(--color-border);
color: var(--color-subtitle);
padding: var(--spacing-s);
// accommodating for large view counts on channel overview
@media (min-width: $breakpoint-large) {
padding: var(--spacing-s) 4px;
}
.channel-thumbnail {
@include handleChannelGif(2.1rem);
margin-right: var(--spacing-s);
// accommodating for large view counts on channel overview
@media (min-width: $breakpoint-large) {
margin-right: 4px;
}
}
}
@ -608,7 +618,13 @@
.view_count {
&::after {
content: '•';
margin: 0 var(--spacing-xxs);
margin: 0 4px;
}
@media (min-width: $breakpoint-large) {
&::after {
margin: 0 2.5px;
}
}
}