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

Fix CSS

Browse source
This commit is contained in:
saltrafael 2021-08-26 11:44:00 -03:00 • committed by infinite-persistence
parent 02a39e693b
commit b69b01e36b
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0
3 changed files with 27 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -126,7 +126,7 @@ export default function CommentReactions(props: Props) {
onClick={() => react(commentId, REACTION_TYPES.CREATOR_LIKE)}
>
{creatorLiked && (
<ChannelThumbnail xsmall uri={authorUri} hideStakedIndicator className="comment__creator-like" />
<ChannelThumbnail xsmall uri={authorUri} hideStakedIndicator className="comment__creator-like" allowGifs />
)}
</Button>
)}

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

@ -191,7 +191,7 @@ export default function Notification(props: Props) {
{isCommentNotification && commentText ? (
<>
<div className="notification__title">{title}</div>
<div title={commentText} className="notification__text mobile-hidden">
<div title={commentText} className="notification__text">
{commentText}
</div>
</>

36
ui/scss/component/_notification.scss
View file

@ -18,13 +18,14 @@ $contentMaxWidth: 60rem;
.comment__create,
.comment__content {
margin: var(--spacing-m);
margin-bottom: 0;
}
}
.notification__icon {
display: flex;
align-items: flex-start;
margin-top: var(--spacing-xs);
margin: auto;
.icon__wrapper {
width: 1rem;
@ -42,6 +43,10 @@ $contentMaxWidth: 60rem;
align-items: center;
margin-left: var(--spacing-m);
}
@media (max-width: $breakpoint-medium) {
margin-top: var(--spacing-xxs);
}
}
.notification__wrapper {
@ -64,6 +69,16 @@ $contentMaxWidth: 60rem;
@media (max-width: $breakpoint-small) {
padding: var(--spacing-s);
}
.comment__creator-like {
height: 0.8rem;
width: 0.8rem;
margin-left: 3px;
z-index: 3;
position: absolute;
top: 0.4rem;
left: 0.4rem;
}
}
.notification__wrapper--unread {
@ -174,6 +189,15 @@ $contentMaxWidth: 60rem;
margin: var(--spacing-m);
margin-bottom: 0;
@media (min-width: $breakpoint-small) {
margin-left: 5rem;
}
@media (max-width: $breakpoint-small) {
margin-left: 3rem;
}
> *:not(:last-of-type) {
margin-right: var(--spacing-m);
}
@ -181,16 +205,6 @@ $contentMaxWidth: 60rem;
.button__label {
margin-left: var(--spacing-xs);
}
.comment__creator-like {
height: 0.8rem;
width: 0.8rem;
margin-left: 3px;
z-index: 3;
position: absolute;
top: 0.4rem;
left: 0.4rem;
}
}
.notification__bubble {