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

Add bottom right desktop chat resize indicator

Browse source
This commit is contained in:
Rafael 2022-05-18 14:51:44 -03:00
parent 53079d92b6
commit c46184e6b3
1 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
ui/scss/component/_livestream-chat.scss
View file

@ -25,12 +25,29 @@ $recent-msg-button__height: 2rem;
} }
} }
@media (min-width: $breakpoint-small) { @media (min-width: 1900px) {
top: calc(var(--header-height) + var(--spacing-m)) !important;
position: sticky;
resize: horizontal; resize: horizontal;
overflow: hidden; overflow: hidden;
max-width: 30vw; max-width: 30vw;
&::after {
pointer-events: none;
content: '< >';
font-size: 1rem;
position: absolute;
height: 1.2rem;
width: 2rem;
text-align: center;
bottom: 1px;
right: 1px;
background-color: var(--color-header-button);
color: var(--color-text);
}
}
@media (min-width: $breakpoint-small) {
top: calc(var(--header-height) + var(--spacing-m)) !important;
position: sticky;
} }
@media (min-width: $breakpoint-medium) { @media (min-width: $breakpoint-medium) {