Merged in bugfix/SHIBUI-954 (pull request #238)

SHIBUI-954: Fixed Tooltip Presentation
TIER · Nov 21, 2018 · 4bc47f6 · 4bc47f6
2 parents 5f624be + 63433be
commit 4bc47f6
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/ui/src/app/metadata/resolver/container/resolver-wizard.component.html b/ui/src/app/metadata/resolver/container/resolver-wizard.component.html
@@ -1,10 +1,12 @@
 <wizard (onNext)="next()" (onPrevious)="previous()" (onSave)="save()"></wizard>
 <hr />
 <div class="py-4">
-    <router-outlet></router-outlet>
+        <div class="col-11">
+            <router-outlet></router-outlet>
+        </div>
 </div>
 <wizard-summary
     [summary]="summary$ | async"
     (onPageSelect)="gotoPage($event)"
     *ngIf="currentPage === 'summary'">
-</wizard-summary>
+</wizard-summary>
diff --git a/ui/src/app/shared/component/info-icon.component.html b/ui/src/app/shared/component/info-icon.component.html
@@ -8,7 +8,8 @@
     [triggers]="triggers"
     [placement]="placement"
     [attr.aria-flowto]="id"
-    role="tooltip">
+    role="tooltip"
+    container="body">
     <i class="fa fa-fw fa-info-circle text-primary fa-lg"></i>
     <span class="sr-only" translate="tooltip.instruction"></span>
 </button>
diff --git a/ui/src/app/shared/component/info-icon.component.scss b/ui/src/app/shared/component/info-icon.component.scss
@@ -6,8 +6,6 @@
         border: none;
         display: inline;
     }
+}
+
 
-    .popover .popover-body {
-        min-width: 160px;
-    }
-}
diff --git a/ui/src/app/shared/component/info-icon.component.ts b/ui/src/app/shared/component/info-icon.component.ts
@@ -12,7 +12,8 @@ export class InfoIconComponent {
 
     id: string = String.fromCharCode(65 + Math.floor(Math.random() * 26)) + Date.now().toString();
 
-    triggers = 'mouseenter:mouseleave focus:blur';
+    // triggers = 'mouseenter:mouseleave focus:blur';
+    triggers = 'click';
     container = 'body';
     placement = ['top'];