MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/ui/description/editor/description-editor.component.html
View File

@ -16,9 +16,9 @@
}@else { }@else {
<div class="description-title">{{'DESCRIPTION-EDITOR.TITLE-PREVIEW-DESCRIPTION' | translate}}</div> <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 *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="col-auto description-to-plan">{{'DESCRIPTION-EDITOR.TO-PLAN' | translate}}</div>
<div class="plan-title p-0">:&nbsp;{{ item?.plan?.label }}</div> <div class="plan-title p-0">:&nbsp;{{ item?.plan?.label }}</div>
<div class="col-auto d-flex align-items-center"> <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"> <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> <mat-icon class="size-18">open_in_new</mat-icon>

16
frontend/src/app/ui/description/editor/description-editor.component.scss
View File

@ -151,22 +151,21 @@
align-items: center; align-items: center;
} }
.description-to-plan { .description-to-plan {
display: flex;
align-items: center;
padding: 0;
text-align: left; text-align: left;
font-size: 1rem; font-size: 1rem;
font-weight: 700; font-weight: 700;
color: var(--primary-color); background-color: var(--primary-color);
line-height: 25px; color: var(--primary-text);
border-radius: 6px;
padding: 0 0.4rem;
} }
.plan-info { .plan-info {
padding-top: 0.75rem; margin-top: 0.75rem;
} }
.plan-label { .plan-label {
min-width: 67px; min-width: 67px;
height: 37px; height: 37px;
@ -187,11 +186,10 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
line-height: 25px;
} }
.open-in-new-icon { .open-in-new-icon {
color: #434343; color: #000000;
opacity: 0.75; opacity: 0.75;
} }
.open-in-new-icon:hover { .open-in-new-icon:hover {