From dd740cba65c8cd1bba4752b08457f35684554180 Mon Sep 17 00:00:00 2001
From: Roman Nastyuk <rnastyuk@exoft.net>
Date: Tue, 23 Sep 2025 17:51:57 +0300
Subject: [PATCH 1/4] fix(ang-767): fixed toggle project publicity dialog

---
 .../overview-toolbar/overview-toolbar.component.ts        | 8 +++++---
 .../toggle-publicity-dialog.component.html                | 6 +++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
index 3a7014766..f23f47388 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
@@ -12,7 +12,7 @@ import { timer } from 'rxjs';
 
 import { NgClass } from '@angular/common';
 import { ChangeDetectionStrategy, Component, computed, DestroyRef, effect, inject, input, signal } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
@@ -29,7 +29,7 @@ import {
   MyResourcesSelectors,
   RemoveResourceFromBookmarks,
 } from '@osf/shared/stores';
-import { hasViewOnlyParam } from '@shared/helpers';
+import { hasViewOnlyParam, IS_XSMALL } from '@shared/helpers';
 
 import { SocialsShareActionItem } from '../../models';
 import { DuplicateDialogComponent } from '../duplicate-dialog/duplicate-dialog.component';
@@ -66,6 +66,7 @@ export class OverviewToolbarComponent {
   destroyRef = inject(DestroyRef);
   isPublic = signal(false);
   isBookmarked = signal(false);
+  isMobile = toSignal(inject(IS_XSMALL));
 
   isCollectionsRoute = input<boolean>(false);
   canEdit = input.required<boolean>();
@@ -144,6 +145,7 @@ export class OverviewToolbarComponent {
   handleToggleProjectPublicity(): void {
     const resource = this.currentResource();
     if (!resource) return;
+    const dialogWidth = this.isMobile() ? '95vw' : '600px';
 
     const isCurrentlyPublic = resource.isPublic;
     const newPublicStatus = !isCurrentlyPublic;
@@ -154,7 +156,7 @@ export class OverviewToolbarComponent {
 
     this.dialogService.open(TogglePublicityDialogComponent, {
       focusOnShow: false,
-      width: '40vw',
+      width: dialogWidth,
       header: this.translateService.instant(
         isCurrentlyPublic ? 'project.overview.dialog.makePrivate.header' : 'project.overview.dialog.makePublic.header'
       ),
diff --git a/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.html b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.html
index beb31db2e..26a5975d1 100644
--- a/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.html
+++ b/src/app/features/project/overview/components/toggle-publicity-dialog/toggle-publicity-dialog.component.html
@@ -1,11 +1,13 @@
 <div class="dialog-container">
   <div [innerHTML]="messageKey() | translate"></div>
-  <div class="flex mt-6 gap-3 justify-content-end">
+  <div class="flex mt-5 gap-3 justify-content-between md:justify-content-end">
     <p-button
       [label]="'project.overview.dialog.makePublic.cancelButton' | translate"
       severity="info"
       (onClick)="dialogRef.close()"
       [disabled]="isSubmitting()"
+      styleClass="w-full"
+      class="w-full md:w-auto"
     />
     <p-button
       [label]="
@@ -16,6 +18,8 @@
       (onClick)="toggleProjectPublicity()"
       [disabled]="isSubmitting()"
       [loading]="isSubmitting()"
+      styleClass="w-full"
+      class="w-full md:w-auto"
     />
   </div>
 </div>

From 1a9b76a8a7a5c664e339932bf5ff7311b404655f Mon Sep 17 00:00:00 2001
From: Roman Nastyuk <rnastyuk@exoft.net>
Date: Tue, 23 Sep 2025 18:09:13 +0300
Subject: [PATCH 2/4] fix(ang-767): changed breakpoint

---
 .../components/overview-toolbar/overview-toolbar.component.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
index f23f47388..9039afcce 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
@@ -29,7 +29,7 @@ import {
   MyResourcesSelectors,
   RemoveResourceFromBookmarks,
 } from '@osf/shared/stores';
-import { hasViewOnlyParam, IS_XSMALL } from '@shared/helpers';
+import { hasViewOnlyParam, IS_SMALL } from '@shared/helpers';
 
 import { SocialsShareActionItem } from '../../models';
 import { DuplicateDialogComponent } from '../duplicate-dialog/duplicate-dialog.component';
@@ -66,7 +66,7 @@ export class OverviewToolbarComponent {
   destroyRef = inject(DestroyRef);
   isPublic = signal(false);
   isBookmarked = signal(false);
-  isMobile = toSignal(inject(IS_XSMALL));
+  isMobile = toSignal(inject(IS_SMALL));
 
   isCollectionsRoute = input<boolean>(false);
   canEdit = input.required<boolean>();

From 07c420e75e8ef8c5e9b5630fb614645c4f0c47b6 Mon Sep 17 00:00:00 2001
From: Roman Nastyuk <rnastyuk@exoft.net>
Date: Wed, 24 Sep 2025 10:00:49 +0300
Subject: [PATCH 3/4] fix(ang-767): changed breakpoint

---
 .../overview-toolbar/overview-toolbar.component.ts          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
index 9039afcce..bcaf905f9 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
@@ -29,7 +29,7 @@ import {
   MyResourcesSelectors,
   RemoveResourceFromBookmarks,
 } from '@osf/shared/stores';
-import { hasViewOnlyParam, IS_SMALL } from '@shared/helpers';
+import { hasViewOnlyParam, IS_MEDIUM } from '@shared/helpers';
 
 import { SocialsShareActionItem } from '../../models';
 import { DuplicateDialogComponent } from '../duplicate-dialog/duplicate-dialog.component';
@@ -66,7 +66,7 @@ export class OverviewToolbarComponent {
   destroyRef = inject(DestroyRef);
   isPublic = signal(false);
   isBookmarked = signal(false);
-  isMobile = toSignal(inject(IS_SMALL));
+  isTablet = toSignal(inject(IS_MEDIUM));
 
   isCollectionsRoute = input<boolean>(false);
   canEdit = input.required<boolean>();
@@ -145,7 +145,7 @@ export class OverviewToolbarComponent {
   handleToggleProjectPublicity(): void {
     const resource = this.currentResource();
     if (!resource) return;
-    const dialogWidth = this.isMobile() ? '95vw' : '600px';
+    const dialogWidth = this.isTablet() ? '600px' : '95vw';
 
     const isCurrentlyPublic = resource.isPublic;
     const newPublicStatus = !isCurrentlyPublic;

From 41d1e7ef8ea6100b3cac9dc1cbb5b12b3c961ff9 Mon Sep 17 00:00:00 2001
From: Roman Nastyuk <rnastyuk@exoft.net>
Date: Wed, 24 Sep 2025 17:58:06 +0300
Subject: [PATCH 4/4] fix(ang-765): various bugs fixing

---
 .../files/pages/files/files.component.html    | 31 ++++++++--------
 ...eprint-recent-activity-list.component.html | 36 ++++++++++---------
 .../truncated-text.component.ts               |  6 +++-
 src/styles/overrides/table.scss               |  4 +++
 4 files changed, 43 insertions(+), 34 deletions(-)

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 @@
     }
 
     <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">
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 @@
   </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) {
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 {