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

21 lines
540 B
SCSS
Raw Normal View History

[Live Chat] Break down componets for Page Layout + Add ability to Pop Out chat window + Hide chat option (#681) * Refactor CommentBadge * Refactor livestreamComment component * Refactor and split livestreamComment CSS * Refactor livestreamComments component * Refactor and split livestreamComments CSS * Remove never used spinner * Refactor livestream Page * Refactor page component * Refactor livestreamLayout component * Break apart livestreamComments into separate sibling components - This helps separating LivestreamComments to deal with only the comments, and the LivestreamLayout to be used for its own Page as a Popout option, and also for a layered approach for mobile * Create Popout Chat Page, Add Popout Chat Menu Option * Add Hide Chat option * sockety improvements * Websocket changes Co-authored-by: Thomas Zarebczan <thomas.zarebczan@gmail.com>
2022-01-14 21:24:16 +01:00
.superChat {
hyperchats
2021-04-23 21:59:48 +02:00
border-radius: var(--border-radius);
background: linear-gradient(to right, var(--color-superchat), var(--color-superchat-3));
padding: 0.2rem var(--spacing-xs);
font-weight: var(--font-weight-bold);
font-size: var(--font-xsmall);
.credit-amount {
color: var(--color-superchat-text);
}
}
[Live Chat] Break down componets for Page Layout + Add ability to Pop Out chat window + Hide chat option (#681) * Refactor CommentBadge * Refactor livestreamComment component * Refactor and split livestreamComment CSS * Refactor livestreamComments component * Refactor and split livestreamComments CSS * Remove never used spinner * Refactor livestream Page * Refactor page component * Refactor livestreamLayout component * Break apart livestreamComments into separate sibling components - This helps separating LivestreamComments to deal with only the comments, and the LivestreamLayout to be used for its own Page as a Popout option, and also for a layered approach for mobile * Create Popout Chat Page, Add Popout Chat Menu Option * Add Hide Chat option * sockety improvements * Websocket changes Co-authored-by: Thomas Zarebczan <thomas.zarebczan@gmail.com>
2022-01-14 21:24:16 +01:00
.superChat--light {
@extend .superChat;
hyperchats
2021-04-23 21:59:48 +02:00
background: linear-gradient(to right, var(--color-superchat__light), var(--color-superchat-3__light));
.credit-amount {
color: var(--color-superchat-text__light);
}
}
Reference in a new issue Copy permalink