description editor > ui change on header

This commit is contained in:
mchouliara 2024-09-24 16:10:05 +03:00
parent c4b8bbd5f4
commit 2dc5c7525b
2 changed files with 10 additions and 12 deletions

View File

@ -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">:&nbsp;{{ 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">:&nbsp;{{ 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>

View File

@ -151,21 +151,20 @@
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;
@ -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 {