feat: update comments header layout

SuperViz · Dec 19, 2023 · 52e6dc3 · 52e6dc3
1 parent b2d35e7
commit 52e6dc3
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 134 deletions.
diff --git a/src/web-components/comments/comments.ts b/src/web-components/comments/comments.ts
@@ -97,8 +97,6 @@ export class Comments extends WebComponentsBaseElement {
             @close=${this.toggle}
             side=${this.side.split(':')[0]}
           ></superviz-comments-topbar>
-          <superviz-comments-annotations id="annotations" open=${this.open}>
-          </superviz-comments-annotations>
         </div>
         <superviz-comments-annotation-filter
           filter=${this.annotationFilter}

diff --git a/src/web-components/comments/components/annotations.ts b/src/web-components/comments/components/annotations.ts
diff --git a/src/web-components/comments/components/comment-input.ts b/src/web-components/comments/components/comment-input.ts
@@ -226,7 +226,7 @@ export class CommentsCommentInput extends WebComponentsBaseElement {
         <div class="comment-input--options">
           <div class="comment-actions">
             <button class="icon-button mention">
-              <superviz-icon name="mention" size="sm"></superviz-icon>
+              <superviz-icon name="mention" size="sm" ?allowSetSize=${true}></superviz-icon>
             </button>
           </div>
           <div class="comment-input-options">

diff --git a/src/web-components/comments/components/index.ts b/src/web-components/comments/components/index.ts
@@ -1,5 +1,5 @@
 export { CommentsTopbar } from './topbar';
-export { CommentsAnnotations } from './annotations';
+export { CommentsAnnotations } from '../../../../annotations';
 export { CommentsContent } from './content';
 export { CommentsCommentItem } from './comment-item';
 export { CommentsCommentInput } from './comment-input';

diff --git a/src/web-components/comments/css/annotation-filter.style.ts b/src/web-components/comments/css/annotation-filter.style.ts
@@ -4,12 +4,12 @@ export const annotationFilterStyle = css`
   .select {
     display: flex;
     width: 100%;
-    justify-content: flex-end;
+    justify-content: flex-start;
     align-items: center;
   }
 
   .select-container {
-    text-wrap: nowrap;
+    white-space: nowrap;
     padding: 12px;
     cursor: pointer;
     color: rgb(var(--sv-gray-500));

diff --git a/src/web-components/comments/css/annotations.style.ts b/src/web-components/comments/css/annotations.style.ts
diff --git a/src/web-components/comments/css/index.ts b/src/web-components/comments/css/index.ts
@@ -1,6 +1,6 @@
 export { commentsStyle } from './comments.style';
 export { topbarStyle } from './topbar.style';
-export { annotationsStyle } from './annotations.style';
+export { annotationsStyle } from '../../../../annotations.style';
 export { commentItemStyle } from './comment-item.style';
 export { contentStyle } from './content.style';
 export { commentInputStyle } from './comment-input.style';