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

Hide repost ribbon on category pages

Browse source
This commit is contained in:
toshikanneko 2022-02-12 19:30:55 +01:00
parent 9703ba2eb3
commit 06782c0e31
3 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/component/page/view.jsx
View file

@ -130,7 +130,7 @@ function Page(props: Props) {
<main <main
id={'main-content'} id={'main-content'}
className={classnames(MAIN_CLASS, className, { className={classnames(MAIN_CLASS, className, {
'main--full-width': fullWidthPage, 'main--full-width hide-ribbon': fullWidthPage,
'main--auth-page': authPage, 'main--auth-page': authPage,
'main--file-page': filePage, 'main--file-page': filePage,
'main--settings-page': settingsPage, 'main--settings-page': settingsPage,

8
ui/page/home/view.jsx
View file

@ -15,6 +15,7 @@ import { GetLinksData } from 'util/buildHomepage';
import { getLivestreamUris } from 'util/livestream'; import { getLivestreamUris } from 'util/livestream';
import ScheduledStreams from 'component/scheduledStreams'; import ScheduledStreams from 'component/scheduledStreams';
import { splitBySeparator } from 'util/lbryURI'; import { splitBySeparator } from 'util/lbryURI';
import classnames from 'classnames';
// @if TARGET='web' // @if TARGET='web'
import Meme from 'web/component/meme'; import Meme from 'web/component/meme';
@ -102,7 +103,12 @@ function HomePage(props: Props) {
); );
return ( return (
<div key={title} className="claim-grid__wrapper"> <div
key={title}
className={classnames('claim-grid__wrapper', {
'show-ribbon': index === 0,
})}
>
{/* category header */} {/* category header */}
{index !== 0 && title && typeof title === 'string' && ( {index !== 0 && title && typeof title === 'string' && (
<SectionHeader title={__(title)} navigate={route || link} icon={icon} help={help} /> <SectionHeader title={__(title)} navigate={route || link} icon={icon} help={help} />

13
ui/scss/init/_gui.scss
View file

@ -601,6 +601,9 @@ img {
fill: var(--color-header-background); fill: var(--color-header-background);
} }
} }
.show-ribbon {
background-color: #ff0000 !important;
}
} }
// The following wrapper classes are temporary to fix page specific issues // The following wrapper classes are temporary to fix page specific issues
@ -949,6 +952,16 @@ img {
.icon--ExternalLink { .icon--ExternalLink {
margin-top: -5px; margin-top: -5px;
} }
.hide-ribbon {
.claim-tile__repost-author {
display: none;
}
}
.show-ribbon {
.claim-tile__repost-author {
display: block;
}
}
// Fix Lightbox (Image viewer) modal backdrop bug // Fix Lightbox (Image viewer) modal backdrop bug
// Context: transform, filter and perspective break "position: fixed" in child element // Context: transform, filter and perspective break "position: fixed" in child element