mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-05-27 13:45:29 +08:00
ed1543455d
This behaviour was allowed in
cb82dce86a
but then inexplicably removed a few months later in
https://github.com/discourse/onebox/pull/448, but showing
title-only oneboxes is valid. The original Meta topic that
this was discussed in was
https://meta.discourse.org/t/abc-news-not-oneboxing-due-to-missing-description/155933
.
This commit re-introduces allowing this behaviour to avoid the need for
a plugin,
c.f. https://meta.discourse.org/t/allow-title-only-onebox/354306
For example
<https://en-americas-support.nintendo.com/app/answers/detail/a_id/67660>
This commit also unhides onebox descriptions in chat, it's not
clear why they were ever hidden in the first place
86 lines
1.4 KiB
SCSS
Vendored
86 lines
1.4 KiB
SCSS
Vendored
.chat-onebox {
|
|
.chat-onebox-body {
|
|
.chat-onebox-title {
|
|
display: inline;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.chat-onebox-description {
|
|
color: var(--primary-medium);
|
|
}
|
|
|
|
.chat-onebox-members-count {
|
|
color: var(--primary-medium);
|
|
margin-top: 1em;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.chat-onebox-members {
|
|
align-items: center;
|
|
color: var(--primary-medium);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
.avatar {
|
|
aspect-ratio: 30 / 30;
|
|
margin-right: 0.25rem;
|
|
}
|
|
}
|
|
|
|
.chat-onebox-images.onebox {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
img {
|
|
width: auto;
|
|
max-height: 150px;
|
|
margin-right: 0.5rem;
|
|
margin-top: 0.5em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.chat-drawer-container .chat-message .onebox {
|
|
width: 85%;
|
|
border: 2px solid var(--primary-low);
|
|
|
|
header {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.onebox-body {
|
|
grid-template-rows: auto auto auto;
|
|
overflow: auto;
|
|
}
|
|
|
|
h3 {
|
|
@include line-clamp(2);
|
|
font-weight: 500;
|
|
font-size: var(--font-down-1);
|
|
}
|
|
}
|
|
|
|
.has-full-page-chat .chat-message .onebox:not(img),
|
|
.chat-drawer-container .chat-message .onebox {
|
|
margin: 0.5em 0;
|
|
border-width: 2px;
|
|
|
|
header {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
h3 a,
|
|
h4 a {
|
|
font-size: 14px;
|
|
}
|
|
|
|
pre {
|
|
display: flex;
|
|
max-height: 150px;
|
|
}
|
|
|
|
p {
|
|
overflow: hidden;
|
|
}
|
|
}
|
