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

styling fixes

This commit is contained in:
Sofia Papacharalampous 2024-07-09 12:05:15 +03:00
parent 6ba2aeaf55
commit b4ae1da886
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html
View File

@ -1,9 +1,9 @@
<div class="dialog-container"> <div class="dialog-container">
<div class="row mt-2 justify-content-between align-items-center"> <div class="row mt-2 justify-content-between align-items-center">
<div class="col-auto"> <div class="col-auto">
<h3 class="mt-2 title">{{'ANNOTATION-DIALOG.TITLE' | translate}}</h3> <h3 class="title">{{'ANNOTATION-DIALOG.TITLE' | translate}}</h3>
</div> </div>
<div *ngIf="threads?.size > 0" class="col-auto pl-0"> <div *ngIf="threads?.size > 0" class="col-auto mt-1 pl-0">
<button class="comments-count" mat-min-fab extended disabled> <button class="comments-count" mat-min-fab extended disabled>
<span>{{ annotationsCount }}</span> <span>{{ annotationsCount }}</span>
</button> </button>
@ -81,7 +81,7 @@
<div class="row mt-2 align-items-center"> <div class="row mt-2 align-items-center">
<span class="col user">{{getParentAnnotation(thread).author.name}}</span> <span class="col user">{{getParentAnnotation(thread).author.name}}</span>
<div class="col-auto annotation-time">{{getParentAnnotation(thread).timeStamp | dateTimeFormatter: "d MMMM, y 'at' h:mm a"}}</div> <div class="col-auto annotation-time">{{getParentAnnotation(thread).timeStamp | dateTimeFormatter: "d MMMM, y 'at' h:mm a"}}</div>
<div class="col-auto pl-0 dense-10"> <div *ngIf="listingStatuses && listingStatuses?.length > 0" class="col-auto pl-0 dense-10">
<button mat-icon-button [matMenuTriggerFor]="annotationStatuses" matTooltip="{{ 'ANNOTATION-DIALOG.ANNOTATION-STATUS.ACTIONS.EDIT' | translate }}"> <button mat-icon-button [matMenuTriggerFor]="annotationStatuses" matTooltip="{{ 'ANNOTATION-DIALOG.ANNOTATION-STATUS.ACTIONS.EDIT' | translate }}">
<mat-icon *ngIf="getSelectedStatusIcon(getParentAnnotation(thread).id); else noStatus">{{getSelectedStatusIcon(getParentAnnotation(thread).id)}}</mat-icon> <mat-icon *ngIf="getSelectedStatusIcon(getParentAnnotation(thread).id); else noStatus">{{getSelectedStatusIcon(getParentAnnotation(thread).id)}}</mat-icon>
<ng-template #noStatus> <mat-icon>edit_note</mat-icon></ng-template> <ng-template #noStatus> <mat-icon>edit_note</mat-icon></ng-template>
@ -89,10 +89,12 @@
<mat-menu class="statuses-menu" #annotationStatuses> <mat-menu class="statuses-menu" #annotationStatuses>
<button *ngFor="let status of listingStatuses" mat-menu-item <button *ngFor="let status of listingStatuses" mat-menu-item
class="w-auto" class="w-auto"
[matTooltip]="status?.label" [matTooltip]="status?.label" matTooltipPosition="left"
(click)="setAnnotationStatus(annotationStatusFormGroup?.get('annotationsStatusArray'), getParentAnnotation(thread).id, status?.id); persistAnnotationStatus(annotationStatusFormGroup.get('annotationsStatusArray'), getParentAnnotation(thread).id)" (click)="setAnnotationStatus(annotationStatusFormGroup?.get('annotationsStatusArray'), getParentAnnotation(thread).id, status?.id); persistAnnotationStatus(annotationStatusFormGroup.get('annotationsStatusArray'), getParentAnnotation(thread).id)"
> >
<mat-icon>{{getStatusIcon(status)}}</mat-icon> <span>
<mat-icon style="margin-left: auto; margin-right: auto;">{{getStatusIcon(status)}}</mat-icon>
</span>
</button> </button>
</mat-menu> </mat-menu>
</div> </div>

2
frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss
View File

@ -8,7 +8,7 @@ $mat-card-header-size: 40px !default;
padding: 0 1.5rem; padding: 0 1.5rem;
.title { .title {
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
} }
} }