Merge branch 'main' into edit-bot#103

italanta · Nov 1, 2022 · e5dd9cb · e5dd9cb
2 parents fbf3da9 + 9d26a21
commit e5dd9cb
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 17 deletions.
diff --git a/...features/convs-mgr/home/src/lib/components/story-list-item/story-list-item.component.html b/...features/convs-mgr/home/src/lib/components/story-list-item/story-list-item.component.html
@@ -8,10 +8,18 @@ <h2 class="bot">
           {{ story.name }} <span class="bot-number"></span>
         </h2>
       </div>
-
-      <div class="dots" (click)="openEditDialog()">
-          <i class="fas dotedIcon"></i>
-      </div>
+      <button mat-icon-button [matMenuTriggerFor]="menu">
+        <i class="fas fa-ellipsis-v"></i>
+      </button>
+      <mat-menu #menu="matMenu">
+        <button mat-menu-item class="bot-menu-item">
+          <span>Edit</span>
+        </button>
+        <hr class="bot-menu-item-separator"/>
+        <button mat-menu-item class="bot-menu-item">
+          <span>Delete</span>
+        </button>
+      </mat-menu>
     </div>
 
     <mat-card-content>

diff --git a/...features/convs-mgr/home/src/lib/components/story-list-item/story-list-item.component.scss b/...features/convs-mgr/home/src/lib/components/story-list-item/story-list-item.component.scss
@@ -33,19 +33,13 @@
   font-size: x-small;
 }
 
-.btn-dotted{
-  height: 5px;
-  width: 5px;
-  background-color: mat-color($mat-ele, 500);
-  border-radius: 50%;
-  margin: 2px 0;
+.bot-menu-item-separator{
+  margin: 0;
+  background-color: var(--convs-mgr-color-light);
 }
 
-.dots{
-margin-top: 7px;
-
+.bot-menu-item{
+  text-align: center;
+  font-weight: 700;
+  color: var(--convs-mgr-color-text-black);
 }
-
-.dots:hover{
-  cursor: pointer;
-}