feat: add foucs in env

Postcatlab · Jul 28, 2022 · f3ba7a8 · f3ba7a8
1 parent 4a27b73
commit f3ba7a8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/workbench/browser/src/app/pages/api/api.component.html b/src/workbench/browser/src/app/pages/api/api.component.html
@@ -84,6 +84,7 @@
           <div class="absolute top-0 bottom-0 right-0 flex right-bar" [ngClass]="activeBar ? 'w-[250px]' : 'w-[40px]'">
             <div
               class="flex items-center justify-center w-[40px] p-2 h-10 env-icon"
+              [ngClass]="activeBar ? 'active' : ''"
               (click)="toggleRightBar()"
               nz-tooltip
               i18n-nzTooltipTitle="@@Environment Setting"

diff --git a/src/workbench/browser/src/app/pages/api/api.component.scss b/src/workbench/browser/src/app/pages/api/api.component.scss
@@ -155,6 +155,9 @@ nz-divider {
       color: rgba(0, 0, 0, 0.5);
       cursor: pointer;
       transition: all 0.4s ease;
+      &.active {
+        color: #00785a;
+      }
       &:hover {
         color: #00785a;
         background-color: rgba(0, 0, 0, 0.05);