diff --git a/src/app/features/files/pages/files/files.component.html b/src/app/features/files/pages/files/files.component.html index a89194f1b..00615be84 100644 --- a/src/app/features/files/pages/files/files.component.html +++ b/src/app/features/files/pages/files/files.component.html @@ -9,23 +9,20 @@ }
- - - -

{{ selectedOption.label }}

-
- -

{{ option.label }}

-
-
- -
+ + +

{{ selectedOption.label }}

+
+ +

{{ option.label }}

+
+
diff --git a/src/app/features/moderation/components/preprint-recent-activity-list/preprint-recent-activity-list.component.html b/src/app/features/moderation/components/preprint-recent-activity-list/preprint-recent-activity-list.component.html index 6b80baedf..ed8d0f716 100644 --- a/src/app/features/moderation/components/preprint-recent-activity-list/preprint-recent-activity-list.component.html +++ b/src/app/features/moderation/components/preprint-recent-activity-list/preprint-recent-activity-list.component.html @@ -7,23 +7,27 @@
} @else {
- @for (item of reviews(); track $index) { -
-
- - {{ item.creator.name }} - {{ preprintReviewStatus[item.toState].label | translate: { name: item.preprint.name } }} - {{ item.provider.name }} -
+
+ @for (item of reviews(); track $index) { +
+
+ + {{ item.creator.name }} + {{ preprintReviewStatus[item.toState].label | translate: { name: item.preprint.name } }} + {{ item.provider.name }} +
-

- {{ item.dateModified | date: 'MMM d, y h:mm a' }} -

-
- } +

+ {{ item.dateModified | date: 'MMM d, y h:mm a' }} +

+
+ } +
@if (totalCount() > 10) { diff --git a/src/app/shared/components/truncated-text/truncated-text.component.ts b/src/app/shared/components/truncated-text/truncated-text.component.ts index dce11c821..b6c7d3d10 100644 --- a/src/app/shared/components/truncated-text/truncated-text.component.ts +++ b/src/app/shared/components/truncated-text/truncated-text.component.ts @@ -2,6 +2,8 @@ import { TranslatePipe } from '@ngx-translate/core'; import { Button } from 'primeng/button'; +import { timer } from 'rxjs'; + import { CommonModule } from '@angular/common'; import { AfterViewInit, Component, effect, ElementRef, inject, input, signal, viewChild } from '@angular/core'; import { Router } from '@angular/router'; @@ -37,8 +39,10 @@ export class TruncatedTextComponent implements AfterViewInit { constructor() { effect(() => { - if (this.text()) { + const currentText = this.text(); + if (currentText) { this.isTextExpanded.set(false); + timer(0).subscribe(() => this.checkTextOverflow()); } }); } diff --git a/src/styles/overrides/table.scss b/src/styles/overrides/table.scss index 78d7c239b..a27d956b4 100644 --- a/src/styles/overrides/table.scss +++ b/src/styles/overrides/table.scss @@ -53,6 +53,10 @@ p-table { tr:not(.loading-row) { cursor: pointer; } + + td { + max-width: 20vw; + } } .addon-table {