[#noissue] fix wrong ui/ux

pinpoint-apm · Jan 2, 2023 · 9c30a8b · 9c30a8b
1 parent 61cd19d
commit 9c30a8b
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 3 deletions.
diff --git a/...n/angular/src/app/core/components/alarm-rule-list/alarm-rule-list-container.component.css b/...n/angular/src/app/core/components/alarm-rule-list/alarm-rule-list-container.component.css
@@ -43,6 +43,7 @@
 }
 
 .l-alarm-rules-th {
+    overflow-y: scroll;
     display: flex;
     height: 30px;
     position: relative;

diff --git a/.../main/angular/src/app/core/components/main-contents/main-contents-container.component.css b/.../main/angular/src/app/core/components/main-contents/main-contents-container.component.css
@@ -2,6 +2,7 @@
     display: flex;
     flex-flow: row wrap;
     width: 100%;
+    height: 100%;
 }
 
 section {

diff --git a/...n/angular/src/app/core/components/side-navigation-bar/side-navigation-item.component.html b/...n/angular/src/app/core/components/side-navigation-bar/side-navigation-item.component.html
@@ -29,8 +29,13 @@
             class="child-link-wrapper">
             <div
                 [hidden]="!minimize"
-                class="child-link-title">
-                {{item.title}}
+                class="child-link-title"
+
+            >
+                <a *ngIf="item.path" routerLink="{{item.path}}">
+                    {{item.title}}
+                </a>
+                <span *ngIf="!item.path">{{item.title}}</span>
             </div>
             <ng-container *ngFor="let childItem of item.childItems">
                 <div 

diff --git a/...rc/main/angular/src/app/core/components/webhook-list/webhook-list-container.component.css b/...rc/main/angular/src/app/core/components/webhook-list/webhook-list-container.component.css
@@ -8,7 +8,7 @@
     font-family: 'Open Sans', sans-serif;
     background-color: var(--background-default);
     grid-template-columns: auto;
-    grid-template-rows: 48px 53px calc(100% - 101px);
+    grid-template-rows: 48px calc(100% - 48px);
 }
 
 .l-webhook-title {

diff --git a/web/src/main/angular/src/app/core/components/webhook-list/webhook-list.component.css b/web/src/main/angular/src/app/core/components/webhook-list/webhook-list.component.css
@@ -1,3 +1,7 @@
+:host {
+    overflow-y: scroll;
+}
+
 li {
     color: var(--text-primary);
     /* height: 28px; */