Fix/(ang-765) - Fixe various bugs (#476)

* fix(ang-767): fixed toggle project publicity dialog * fix(ang-767): changed breakpoint * fix(ang-767): changed breakpoint * fix(ang-765): various bugs fixing

Author: rnastyuk

src/app/features/files/pages/files/files.component.html

@@ -9,23 +9,20 @@
  }
 
  <div class="flex flex-grow-0 w-full sm:w-30rem">
- <p-floatlabel class="w-full md:w-56" variant="in">
- <p-select
- inputId="in_label"
- [options]="rootFoldersOptions()"
- [(ngModel)]="currentRootFolder"
- styleClass="w-full"
- variant="filled"
- >
- <ng-template #selectedItem let-selectedOption>
- <p class="provider-name">{{ selectedOption.label }}</p>
- </ng-template>
- <ng-template #item let-option>
- <p class="provider-name">{{ option.label }}</p>
- </ng-template>
- </p-select>
- <label for="in_label">{{ currentRootFolder()?.label }}</label>
- </p-floatlabel>
+ <p-select
+ inputId="in_label"
+ [options]="rootFoldersOptions()"
+ [(ngModel)]="currentRootFolder"
+ styleClass="w-full"
+ variant="filled"
+ >
+ <ng-template #selectedItem let-selectedOption>
+ <p class="provider-name">{{ selectedOption.label }}</p>
+ </ng-template>
+ <ng-template #item let-option>
+ <p class="provider-name">{{ option.label }}</p>
+ </ng-template>
+ </p-select>
  </div>
 
  <div class="flex flex-column gap-4 md:justify-content-between md:flex-row md:flex-wrap">

src/app/features/moderation/components/preprint-recent-activity-list/preprint-recent-activity-list.component.html

@@ -7,23 +7,27 @@
  </div>
 } @else {
  <div class="overflow-auto">
- @for (item of reviews(); track $index) {
- <div class="recent-activity-item flex align-items-center justify-content-between py-2 white-space-nowrap">
- <div class="flex align-items-center gap-1">
- <osf-icon
- [class]="reviewStatusIcon[item.toState].value"
- [iconClass]="reviewStatusIcon[item.toState].icon"
- ></osf-icon>
- <span class="ml-2">{{ item.creator.name }}</span>
- <span>{{ preprintReviewStatus[item.toState].label | translate: { name: item.preprint.name } }}</span>
- <span>{{ item.provider.name }}</span>
- </div>
+ <div class="w-max">
+ @for (item of reviews(); track $index) {
+ <div
+ class="recent-activity-item flex w-full align-items-center justify-content-between py-2 white-space-nowrap"
+ >
+ <div class="flex align-items-center gap-1">
+ <osf-icon
+ [class]="reviewStatusIcon[item.toState].value"
+ [iconClass]="reviewStatusIcon[item.toState].icon"
+ ></osf-icon>
+ <span class="ml-2">{{ item.creator.name }}</span>
+ <span>{{ preprintReviewStatus[item.toState].label | translate: { name: item.preprint.name } }}</span>
+ <span>{{ item.provider.name }}</span>
+ </div>
 
- <p class="flex flex-wrap gap-1 ml-3">
- {{ item.dateModified | date: 'MMM d, y h:mm a' }}
- </p>
- </div>
- }
+ <p class="flex flex-wrap gap-1 ml-3">
+ {{ item.dateModified | date: 'MMM d, y h:mm a' }}
+ </p>
+ </div>
+ }
+ </div>
  </div>
 
  @if (totalCount() > 10) {

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());
  }
  });
  }

src/styles/overrides/table.scss

@@ -53,6 +53,10 @@ p-table {
  tr:not(.loading-row) {
  cursor: pointer;
  }
+
+ td {
+ max-width: 20vw;
+ }
 }
 
 .addon-table {