Discource-C
/
discourse-ai
mirror of https://github.com/discourse/discourse-ai.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: adjust AI share styles for images and quotes (#567)

This commit is contained in:
Kris 2024-04-09 15:36:45 -04:00 committed by GitHub
parent 8444789974
commit f20ada00db
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/ai-share/share.css
View File

@ -316,6 +316,10 @@ h1 h2 h3 h4 h5 h6 {
margin-bottom: 0.4em; margin-bottom: 0.4em;
} }
.post__content blockquote p:last-child {
margin-bottom: 0;
}
.post__date { .post__date {
color: var(--primary-500); color: var(--primary-500);
margin-left: auto; margin-left: auto;
@ -338,6 +342,7 @@ details {
background-color: var(--primary-50); background-color: var(--primary-50);
border-radius: var(--border-radius-small); border-radius: var(--border-radius-small);
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
padding: 0.5em;
} }
details[open] { details[open] {
@ -402,15 +407,24 @@ li, p {
word-break: break-word; word-break: break-word;
} }
.lightbox-wrapper img {
width: 100%;
height: auto;
}
blockquote {
background-color: var(--primary-50);
border-left: 6px solid var(--primary-200);
padding: 0.5em 1em;
margin: 1em 0;
}
.lightbox-wrapper .meta svg, .lightbox-wrapper .meta .informations { .lightbox-wrapper .meta svg, .lightbox-wrapper .meta .informations {
display: none; display: none;
} }
.lightbox-wrapper .meta .filename { .lightbox-wrapper .meta .filename {
display: -webkit-box; overflow-wrap: anywhere;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} }
/* /*