Modify the tooltip to increase and display the full content

Signed-off-by: Cheng <1309173081@qq.com>
This commit is contained in:
Cheng 2018-09-18 11:37:35 +08:00
parent 34e66a709e
commit 014a81da68
2 changed files with 7 additions and 3 deletions

View File

@ -1,7 +1,7 @@
<clr-modal [(clrModalOpen)]="createProjectOpened" [clrModalStaticBackdrop]="staticBackdrop" [clrModalClosable]="closable"> <clr-modal [(clrModalOpen)]="createProjectOpened" [clrModalStaticBackdrop]="staticBackdrop" [clrModalClosable]="closable">
<h3 class="modal-title">{{'PROJECT.NEW_PROJECT' | translate}}</h3> <h3 class="modal-title">{{'PROJECT.NEW_PROJECT' | translate}}</h3>
<inline-alert class="modal-title"></inline-alert> <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"> <form #projectForm="ngForm">
<section class="form-block"> <section class="form-block">
<div class="form-group" style="padding-left: 135px;"> <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"> <input type="checkbox" id="create_project_public" [(ngModel)]="project.metadata.public" name="public">
<label for="create_project_public"></label> <label for="create_project_public"></label>
<span class="access-level-label">{{ 'PROJECT.PUBLIC' | translate}}</span> <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> <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> </a>
</div> </div>
</div> </div>

View File

@ -10,4 +10,8 @@
margin-right: 12px; margin-right: 12px;
top: -6px; top: -6px;
position: relative; position: relative;
}
.tooltip-style {
height: 15.3em;
overflow-y: hidden;
} }