fix: comment content text ellipsis

Change-Id: I92a1f67defe9f3d1d66daa9c8e1bd3cebe99b47c

src/ui/web_window.cpp

@@ -173,7 +173,6 @@ void WebWindow::showWindow()
     } else {
         this->setMinimumSize(960, 716);
     }
-        this->setMinimumSize(960, 716);
     this->show();
 }
 

src/web/src/app/modules/details/components/comment/app-comment.component.scss

@@ -178,11 +178,16 @@
         }
       }
       .content {
-        min-height: 4rem;
-        max-height: 8rem;
+        /* autoprefixer: off */
+        // autoprefixer remove -webkit-box-orient
+        min-height: 4.5rem;
         overflow: hidden;
         word-wrap: break-word;
         user-select: text;
+
+        display: -webkit-box;
+        -webkit-line-clamp: 8;
+        -webkit-box-orient: vertical;
       }
       .like {
         display: flex;

src/web/src/app/modules/my-comments/components/edit/edit.component.html

@@ -1,6 +1,6 @@
 <dialog #dialog>
   <dstore-close-button [dialog]="dialog"></dstore-close-button>
-  <ng-container *ngIf="(app$ | async) as app; else: loading">
+  <ng-container *ngIf="(app$ | async) as app; else loading">
     <div class="title" i18n>Edit Comment</div>
     <div class="app">
       <img class="icon" [src]="app.icon" />
@@ -24,7 +24,7 @@
       </div>
     </div>
     <div class="control">
-      <ng-container *ngIf="!deleteConfirm; else: Delete">
+      <ng-container *ngIf="!deleteConfirm; else Delete">
         <button (click)="deleteConfirm = true" i18n>Delete</button>
         <div *ngIf="app.active">
           <button (click)="closed()" i18n>Cancel</button> &nbsp;

src/web/src/app/modules/my-comments/components/edit/edit.component.scss

@@ -21,7 +21,7 @@
 .content {
   border: 1px solid var(--main-item-hr-color);
   textarea {
-    width: 25rem;
+    width: 30rem;
     height: 10rem;
     border: 0;
     outline: none;
@@ -53,5 +53,5 @@
 
 .empty {
   width: 400px;
-  height: 380px;
+  height: 300px;
 }