Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Secret Management tooltip #1240

Merged
merged 2 commits into from
Dec 9, 2019
Merged

Secret Management tooltip #1240

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
39edb62
included tooltip
swati-sh Dec 9, 2019
f49d12b
Update text.
raghits Dec 9, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 9 additions & 2 deletions core/jazz_ui/src/app/pages/environment-overview/env-overview-section.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -258,8 +258,15 @@
<div class="secret-container relative col-detail" *ngIf="isNotWebsite && tvaultEnabled">
<div *ngIf="!isSecretLoading && !isError">
<div class="secret-container__edit" [ngClass]="!editEvents? 'editMode':'nonEditMode'">
<div class="secret-container__edit--def"> Secret Management <img class="icons-style"
src="../../../assets/images/icons/iconmonstr-info-2.svg" /></div>
<div class="secret-container__edit--def"> Secret Management
<div class="info-tooltip">
<img class="icons-style"
src="../../../assets/images/icons/iconmonstr-info-2.svg" />
<div class="tooltip-content">
<span id="copyPopup">User can manage access to safe through these secrets. Click <a><i class="fa fa-clone" [style.fontSize]="iconSize"></i></a> to copy role</span>
raghits marked this conversation as resolved.
Show resolved Hide resolved
</div>
</div>
</div>
<div class="secret-container__edit--icon">
<div *ngIf="editEvents" class="edit-icon">
<img class="pre-image" src="/assets/erser/icon-edit.svg" (click)="secretEdiClick()" />
Expand Down
38 changes: 37 additions & 1 deletion core/jazz_ui/src/app/pages/environment-overview/env-overview-section.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -434,7 +434,10 @@ transform: rotateY(-50%)
height: 45px;
&--def{
margin-left: 5px;
font-weight: 600
font-weight: 600;
display: flex;
align-items: center;
position: relative;
}
&--icon{
margin-right: 5px;
Expand Down Expand Up @@ -553,6 +556,39 @@ transform: rotateY(-50%)
.edit-icon{
cursor: pointer;
}
.info-tooltip {
margin-left: 5px;
}
.info-tooltip .tooltip-content {
visibility: hidden;
width: 237px;
background-color: #fff;
color: #4a4a4a;
text-align: center;
box-shadow: 0 2px 2px rgba(#000000,.5);
border-radius: 6px;
padding: 8px;
position: absolute;
z-index: 1;
top: -48%;
left: 110%;
right: -133%;
font-size: 12px;
}
.info-tooltip .tooltip-content::after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #D5D7D9 transparent transparent transparent;
}
.info-tooltip:hover .tooltip-content{
visibility: visible;
-webkit-animation: fadeIn 2s;
animation: fadeIn 2s;
}

.no-data {
text-align: center;
Expand Down