UX: adjust onebox styles for chat, title line-height (#25249)

2024-01-12 18:14:26 -05:00 · 2024-01-12 18:14:26 -05:00 · 731699a7cf
parent 92708f2ff5
commit 731699a7cf
2 changed files with 13 additions and 3 deletions
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@ -130,6 +130,7 @@ aside.onebox {
    h4 {
      font-size: var(--font-up-1);
      margin: 0 0 10px 0;
+      line-height: var(--line-height-medium);
    }

    a[href] {
--- a/plugins/chat/assets/stylesheets/common/chat-message-images.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-message-images.scss
@ -31,9 +31,18 @@ $max_image_height: 150px;

    @container (width < 400px) {
      .onebox-body {
-        &:not(:has(.thumbnail.onebox-avatar)) {
-          display: flex;
-          flex-direction: column;
+        display: flex;
+        flex-direction: column;
+
+        .thumbnail.onebox-avatar {
+          display: none;
+        }
+        .aspect-image {
+          margin-right: 0;
+          max-width: 100%;
+          + h3 {
+            margin-top: 0.25rem;
+          }
        }

        h3 {