suggestbox styling
This commit is contained in:
parent
f4eade1358
commit
bc1ddbd6c4
@ -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 */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user