mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-22 21:03:19 +03:00
Code Issues Projects Releases Packages Wiki Activity

Tweak style of scroll to bottom button

Browse source
This commit is contained in:
Gabe Kangas 2022-12-14 12:54:31 -08:00
parent ba0c62e8a0
commit 890ebdfff6
No known key found for this signature in database
GPG key ID: 4345B2060657F330
1 changed files with 8 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
web/components/chat/ChatContainer/ChatContainer.module.scss
View file

@ -1,25 +1,16 @@
.chatHeader {
text-align: center;
font-weight: bold;
padding: 5px 0;
color: var(--text-color-secondary);
border-bottom: 1px solid var(--color-owncast-gray-700);
font-variant: small-caps;
}
// The button that is displayed to scroll to the bottom of the chat.
.toBottomWrap {
display: flex;
width: 100%;
justify-content: center;
position: absolute;
bottom: 50px;
color: var(--text-color-secondary);
& .toBottomWrap {
& .toBottomBtn {
z-index: 9999;
border: none;
background-color: gray;
}
color: var(--theme-color-components-text-on-light);
button {
background-color: var(--theme-color-background-light);
z-index: 9999;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
}
@ -28,7 +19,7 @@
font-size: 0.9rem;
border-radius: var(--theme-rounded-corners);
padding: 5px 15px;
color: var(--color-owncast-gray-300);
color: var(--theme-color-components-text-on-light);
background-color: var(--color-owncast-background);
& .nameChangeText {
font-weight: bold;