From 014a81da68f991ae2d7fb0f10bfa61c983ec364a Mon Sep 17 00:00:00 2001
From: Cheng <1309173081@qq.com>
Date: Tue, 18 Sep 2018 11:37:35 +0800
Subject: [PATCH] Modify the tooltip to increase and display the full content

Signed-off-by: Cheng <1309173081@qq.com>
---
 .../project/create-project/create-project.component.html    | 6 +++---
 .../src/app/project/create-project/create-project.scss      | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/portal/src/app/project/create-project/create-project.component.html b/src/portal/src/app/project/create-project/create-project.component.html
index e0c714edb..840ddd3f6 100644
--- a/src/portal/src/app/project/create-project/create-project.component.html
+++ b/src/portal/src/app/project/create-project/create-project.component.html
@@ -1,7 +1,7 @@
 <clr-modal [(clrModalOpen)]="createProjectOpened" [clrModalStaticBackdrop]="staticBackdrop" [clrModalClosable]="closable">
     <h3 class="modal-title">{{'PROJECT.NEW_PROJECT' | translate}}</h3>
     <inline-alert class="modal-title"></inline-alert>
-    <div class="modal-body" style="height: 15.3em; overflow-y: hidden;">
+    <div class="modal-body tooltip-style">
         <form #projectForm="ngForm">
             <section class="form-block">
                 <div class="form-group" style="padding-left: 135px;">
@@ -27,9 +27,9 @@
                         <input type="checkbox" id="create_project_public" [(ngModel)]="project.metadata.public" name="public">
                         <label for="create_project_public"></label>
                         <span class="access-level-label">{{ 'PROJECT.PUBLIC' | translate}}</span>
-                        <a href="javascript:void(0)" role="tooltip" aria-haspopup="true" class="tooltip tooltip-md tooltip-bottom-right" style="top:-8px; left:-8px;">
+                        <a href="javascript:void(0)" role="tooltip" aria-haspopup="true" class="tooltip tooltip-md tooltip-right" style="top:-8px; left:-8px;">
                             <clr-icon shape="info-circle" class="info-tips-icon" size="24"></clr-icon>
-                            <span class="tooltip-content tooltip-right" style="margin-left: 5px;">{{'PROJECT.INLINE_HELP_PUBLIC' | translate }}</span>
+                            <span class="tooltip-content" style="margin-left: 5px;">{{'PROJECT.INLINE_HELP_PUBLIC' | translate }}</span>
                         </a>
                     </div>
                 </div>
diff --git a/src/portal/src/app/project/create-project/create-project.scss b/src/portal/src/app/project/create-project/create-project.scss
index 9a9500f19..c7c85ae12 100644
--- a/src/portal/src/app/project/create-project/create-project.scss
+++ b/src/portal/src/app/project/create-project/create-project.scss
@@ -10,4 +10,8 @@
     margin-right: 12px;
     top: -6px;
     position: relative;
+}
+.tooltip-style {
+    height: 15.3em;
+    overflow-y: hidden;
 }
\ No newline at end of file