description editor > ui change on header
This commit is contained in:
parent
c4b8bbd5f4
commit
2dc5c7525b
|
@ -16,9 +16,9 @@
|
|||
}@else {
|
||||
<div class="description-title">{{'DESCRIPTION-EDITOR.TITLE-PREVIEW-DESCRIPTION' | translate}}</div>
|
||||
}
|
||||
<div *ngIf="item?.plan?.id" class="d-flex flex-direction-row plan-info">
|
||||
<div class="col-auto description-to-plan">{{'DESCRIPTION-EDITOR.TO-PLAN' | translate}}</div>
|
||||
<div class="plan-title p-0">: {{ item?.plan?.label }}</div>
|
||||
<div *ngIf="item?.plan?.id" class=" d-flex flex-direction-row plan-info">
|
||||
<div class="col-auto description-to-plan">{{'DESCRIPTION-EDITOR.TO-PLAN' | translate}}</div>
|
||||
<div class="plan-title p-0">: {{ item?.plan?.label }}</div>
|
||||
<div class="col-auto d-flex align-items-center">
|
||||
<a [routerLink]="routerUtils.generateUrl(['/plans/overview/', item.plan.id])" target="_blank" class="pointer open-in-new-icon">
|
||||
<mat-icon class="size-18">open_in_new</mat-icon>
|
||||
|
|
|
@ -151,22 +151,21 @@
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.description-to-plan {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
color: var(--primary-color);
|
||||
line-height: 25px;
|
||||
background-color: var(--primary-color);
|
||||
color: var(--primary-text);
|
||||
border-radius: 6px;
|
||||
padding: 0 0.4rem;
|
||||
}
|
||||
|
||||
.plan-info {
|
||||
padding-top: 0.75rem;
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
|
||||
.plan-label {
|
||||
min-width: 67px;
|
||||
height: 37px;
|
||||
|
@ -187,11 +186,10 @@
|
|||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.open-in-new-icon {
|
||||
color: #434343;
|
||||
color: #000000;
|
||||
opacity: 0.75;
|
||||
}
|
||||
.open-in-new-icon:hover {
|
||||
|
|
Loading…
Reference in New Issue