ucap-clickable is added

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.html

@@ -59,6 +59,7 @@
       [sessionVerinfo]="sessionVerinfo"
       (click)="onClickContextMenu('SELECT_ROOM', room)"
       (contextmenu)="onContextMenuChat($event, room)"
+      class="ucap-clickable"
     >
     </ucap-room-list-item>
   </perfect-scrollbar>

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.html

@@ -40,7 +40,7 @@
       (click)="onSelectBuddy(userInfo)"
       (openProfile)="onClickOpenProfile($event)"
       (contextmenu)="onContextMenuProfile($event, userInfo, group)"
-      class="list-item-frame"
+      class="list-item-frame ucap-clickable"
     >
     </ucap-profile-user-list-item>
   </ucap-group-expansion-panel>

projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss

@@ -235,6 +235,10 @@ $daesang-grey: (
     background-color: mat-color($accent, B100);
   }
 
+  .ucap-clickable {
+    cursor: pointer;
+  }
+
   .mat-tab-group.mat-primary .mat-ink-bar,
   body.theme-default .mat-tab-nav-bar.mat-primary .mat-ink-bar {
     background-color: mat-color($accent, 400);

projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html

@@ -31,7 +31,7 @@
     <!-- This is the tree node template for expandable nodes -->
     <mat-tree-node
       *matTreeNodeDef="let node; when: isHeader"
-      class="tree-node-frame"
+      class="tree-node-frame ucap-clickable"
       style="height: 80px;"
       matRipple
     >