minor ui improvements

Tiledesk · Dec 5, 2023 · b312a9f · b312a9f
1 parent 58bc169
commit b312a9f
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 11 deletions.
diff --git a/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.scss b/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.scss
@@ -1,9 +1,12 @@
 @import "./src/assets/sass/cds/_variables.scss";
 
-$text-color: $blu;
-$icon-color: $gray-light-01;
-$text-hover-color: $blu;
-$icon-hover-color: $blu;
+
+:host {
+    --text-color: #{$blu};
+    --icon-color: #{$gray-light-01};
+    --text-hover-color: #{$blu};
+    --icon-hover-color: #{$blu};
+}
 
 #panel_actions_div{
     padding: 6px;
@@ -29,13 +32,13 @@ $icon-hover-color: $blu;
 
         span.material-icons-outlined,
         img{
-            color: $text-hover-color;
+            color: var(--text-hover-color);
             filter: brightness(0) saturate(100%) invert(35%) sepia(48%) saturate(441%) hue-rotate(183deg) brightness(97%) contrast(88%); 
             cursor: pointer; 
         }
 
         .menu-btn-text{
-            color: $text-hover-color
+            color: var(--text-hover-color);
         }
     }
 
@@ -49,15 +52,15 @@ $icon-hover-color: $blu;
     img{
         width: 16px;
         font-size: 16px;
-        color: $icon-color;
+        color: var(--icon-color);
         filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(504%) hue-rotate(151deg) brightness(92%) contrast(88%);
     }
 
 
 }
 .menu-btn-text{
     display: inline-flex;
-    color: $text-color;
+    color: var(--text-color);
     padding: 0;
     vertical-align: middle;
     font-size: 10px;
@@ -73,5 +76,5 @@ $icon-hover-color: $blu;
 }
 
 .current-user{
-    color: $icon-color
+    color: var(--icon-color);
 }
diff --git a/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.ts b/src/app/chatbot-design-studio/cds-base-element/menu/menu.component.ts
@@ -33,6 +33,7 @@ export class CDSMenuComponent implements OnInit {
    }
 
   ngOnInit(): void {
+    this.loggedUser = this.tiledeskAuthService.getCurrentUser();
   }
 
 

diff --git a/src/app/chatbot-design-studio/cds-chatbot-details/detail/detail.component.scss b/src/app/chatbot-design-studio/cds-chatbot-details/detail/detail.component.scss
@@ -153,7 +153,7 @@ input[type="file"] {
 
 #cds-delete-bot-img-btn {
     color: #fff;
-    background: #f44336 !important;
+    background: $red !important;
     height: 44px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;

diff --git a/...-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.html b/...-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.html
@@ -89,7 +89,7 @@
         </cds-textarea>
     </div>
 
-    <a (click)="goToKNB()" routerLinkActive="router-link-active" target="_blank">Manage GPT Key</a>
+    <a (click)="goToKNB()" id="router-link" routerLinkActive="router-link-active" target="_blank">Manage GPT Key</a>
 
     <hr class="custom-divider">
 

diff --git a/...-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.scss b/...-dashboard/cds-canvas/actions/list/cds-action-gpt-task/cds-action-gpt-task.component.scss
@@ -90,6 +90,13 @@ div {
     }
 }
 
+a#router-link{
+    cursor: pointer;
+    &:hover{
+        text-decoration: underline;
+    }
+}
+
 
 #cds-addkb-btn {
     background: #006cff;
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,6 +33,7 @@ export class CDSMenuComponent implements OnInit { @@
        }
       ngOnInit(): void {
+        this.loggedUser = this.tiledeskAuthService.getCurrentUser();
       }
@@ Expand Down @@