suggestbox styling

This commit is contained in:
matty 2024-06-22 16:05:47 -04:00
parent f4eade1358
commit bc1ddbd6c4
3 changed files with 5 additions and 16 deletions

View File

@ -36,7 +36,7 @@
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
#peertube-plugin-livechat-container converse-root { #peertube-plugin-livechat-container converse-root {
converse-muc { converse-muc {
min-height: 55vh; min-height: 58vh;
/* 100vh - 30vh for video = 70vh remaining */ /* 100vh - 30vh for video = 70vh remaining */
} }
} }
@ -46,7 +46,7 @@
@media only screen and (min-width: 768px) and (max-width: 1023px) { @media only screen and (min-width: 768px) and (max-width: 1023px) {
#peertube-plugin-livechat-container converse-root { #peertube-plugin-livechat-container converse-root {
converse-muc { converse-muc {
min-height: 30vh; min-height: 25vh;
/* Slightly less to account for other elements */ /* Slightly less to account for other elements */
} }
} }
@ -56,7 +56,7 @@
@media only screen and (min-width: 1024px) and (max-width: 1279px) { @media only screen and (min-width: 1024px) and (max-width: 1279px) {
#peertube-plugin-livechat-container converse-root { #peertube-plugin-livechat-container converse-root {
converse-muc { converse-muc {
min-height: 28vh; min-height: 25vh;
/* Assuming more height can be used */ /* Assuming more height can be used */
} }
} }

View File

@ -126,7 +126,7 @@
} }
.chat-msg__text { .chat-msg__text {
font-size: 2rem; font-size: 1.15rem !important;
// spoiler content more visible. // spoiler content more visible.
&.spoiler { &.spoiler {
color: var(--peertube-grey-foreground) !important; color: var(--peertube-grey-foreground) !important;
@ -140,17 +140,6 @@
max-height: 4.25em !important; // and no max-width max-height: 4.25em !important; // and no max-width
} }
// underline links in chat messages
a {
text-decoration: none !important;
color: #f57200 !important;
&:hover {
text-decoration: underline !important;
color: #D16100 !important;
}
}
// underline links in chat messages // underline links in chat messages
a[href] { a[href] {
text-decoration: none !important; text-decoration: none !important;

View File

@ -171,7 +171,7 @@ body.converse-embedded {
converse-muc-message-form { converse-muc-message-form {
// For an unknown reason, message field in truncated... so adding a bottom margin. // For an unknown reason, message field in truncated... so adding a bottom margin.
/* max-height: 1.25rem; */ /* max-height: 1.25rem; */
margin-bottom: 6px; margin-bottom: 2rem;
} }
} }