golang/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2025-11-02 20:23:29 +08:00
Code Issues Packages Projects Releases 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
1 changed files with 8 additions and 17 deletions
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 { // The button that is displayed to scroll to the bottom of the chat.
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;
}
.toBottomWrap { .toBottomWrap {
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: center; justify-content: center;
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
color: var(--text-color-secondary); color: var(--theme-color-components-text-on-light);
& .toBottomWrap {
& .toBottomBtn { button {
z-index: 9999; background-color: var(--theme-color-background-light);
border: none; z-index: 9999;
background-color: gray; 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; font-size: 0.9rem;
border-radius: var(--theme-rounded-corners); border-radius: var(--theme-rounded-corners);
padding: 5px 15px; padding: 5px 15px;
color: var(--color-owncast-gray-300); color: var(--theme-color-components-text-on-light);
background-color: var(--color-owncast-background); background-color: var(--color-owncast-background);
& .nameChangeText { & .nameChangeText {
font-weight: bold; font-weight: bold;