fix(styles): i#3957 adapt layout comment data

kaleidos-ventures · Sep 5, 2023 · 98ac25e · 98ac25e
1 parent 0aad749
commit 98ac25e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/...apps/taiga/src/app/shared/comments/components/comment-single/comment-single.component.css b/...apps/taiga/src/app/shared/comments/components/comment-single/comment-single.component.css
@@ -10,6 +10,7 @@ Copyright (c) 2023-present Kaleidos INC
 @import url("../../styles/delete-comment-confirm.css");
 
 :host() {
+  container-type: inline-size;
   display: block;
 }
 
@@ -108,3 +109,17 @@ Copyright (c) 2023-present Kaleidos INC
 .former-user-avatar {
   --no-user-avatar-size: 24px;
 }
+
+@container (inline-size < 280px) {
+  .comment-top {
+    align-items: flex-start;
+  }
+
+  .creation-data {
+    flex-direction: column;
+  }
+
+  .separator {
+    display: none;
+  }
+}
diff --git a/...pps/taiga/src/app/shared/comments/components/comment-single/comment-single.component.html b/...pps/taiga/src/app/shared/comments/components/comment-single/comment-single.component.html
@@ -48,7 +48,7 @@
               class="former-user-text"
               >{{ t('commons.former_user') }}</span
             >
-            <span>∙</span>
+            <span class="separator">∙</span>
             <span
               *ngIf="comment.createdAt"
               [title]="comment.createdAt | date: 'medium'"