matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix dropdown colors.

Browse Source
This commit is contained in:
John Livingston 2022-01-03 17:03:16 +01:00
parent b255770836
commit a0d313ffee
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
conversejs/custom/shared/styles/_peertubetheme.scss
View File

@ -1,4 +1,20 @@
#conversejs.theme-peertube { #conversejs.theme-peertube {
.dropdown-menu {
// Fixing all dropdown colors
--text-color: #212529; // default bootstrap color for dropdown-items
--text-color-lighten-15-percent: #8c8c8c; // default ConverseJS theme color
background-color: #fff; // this is the default bootstrap color, used by ConverseJS
a,
i,
button {
--text-color: #212529; // default bootstrap color for dropdown-items
color: #212529; // default bootstrap color for dropdown-items
}
}
.chatbox { .chatbox {
converse-chat-toolbar { converse-chat-toolbar {
color: var(--peertube-main-foreground); color: var(--peertube-main-foreground);
@ -101,20 +117,6 @@
background-color: var(--peertube-grey-background) !important; background-color: var(--peertube-grey-background) !important;
} }
.message.chat-msg .chat-msg__actions {
// Fixing message actions colors
.dropdown-menu {
--text-color-lighten-15-percent: #8c8c8c; // default ConverseJS theme color
background-color: #fff; // this is the default bootstrap color, used by ConverseJS
i,
button {
color: #212529; // default bootstrap color for dropdown-items
}
}
}
// hidding avatars when screen width is not big enough. // hidding avatars when screen width is not big enough.
@media screen and (max-width: 576px) { @media screen and (max-width: 576px) {
.message { .message {