diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index 045de2eb6..42f9ec0ba 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -380,6 +380,10 @@ ngx-skeleton-loader {
line-height: 1;
}
+.line-height-normal {
+ line-height: normal;
+}
+
.lead {
font-weight: unset;
}
diff --git a/libs/ui/src/lib/page-tabs/page-tabs.component.html b/libs/ui/src/lib/page-tabs/page-tabs.component.html
index 7cc03a03d..983c17dea 100644
--- a/libs/ui/src/lib/page-tabs/page-tabs.component.html
+++ b/libs/ui/src/lib/page-tabs/page-tabs.component.html
@@ -12,7 +12,7 @@
@if (tab.showCondition !== false) {
@if (tab.onClick) {
diff --git a/libs/ui/src/lib/page-tabs/page-tabs.component.spec.ts b/libs/ui/src/lib/page-tabs/page-tabs.component.spec.ts
deleted file mode 100644
index 5ad6c1523..000000000
--- a/libs/ui/src/lib/page-tabs/page-tabs.component.spec.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DeviceDetectorService } from 'ngx-device-detector';
-
-import { GfPageTabsComponent } from './page-tabs.component';
-
-jest.mock('@ionic/angular/standalone', () => {
- const angularCore =
- jest.requireActual('@angular/core');
-
- class IonIconMockComponent {
- public readonly name = angularCore.input();
- public readonly size = angularCore.input();
- }
-
- angularCore.Component({
- selector: 'ion-icon',
- standalone: true,
- template: ''
- })(IonIconMockComponent);
-
- return { IonIcon: IonIconMockComponent };
-});
-
-describe('GfPageTabsComponent', () => {
- let fixture: ComponentFixture;
-
- beforeEach(async () => {
- await TestBed.configureTestingModule({
- imports: [GfPageTabsComponent],
- providers: [
- {
- provide: DeviceDetectorService,
- useValue: {
- getDeviceInfo: () => ({ deviceType: 'desktop' })
- }
- }
- ]
- }).compileComponents();
-
- fixture = TestBed.createComponent(GfPageTabsComponent);
- });
-
- it('renders labels in a constrained Bootstrap truncation layout', async () => {
- fixture.componentRef.setInput('tabs', [
- {
- iconName: 'open-outline',
- label: 'A very long tab label that should be truncated',
- onClick: jest.fn()
- }
- ]);
-
- fixture.detectChanges();
- await fixture.whenStable();
-
- const nativeElement = fixture.nativeElement as HTMLElement;
- const tabContent = nativeElement.querySelector(
- '.mdc-tab__text-label > .d-flex'
- );
-
- expect(tabContent).not.toBeNull();
-
- const tab = tabContent.closest('a, button');
- const icon = tabContent.querySelector('ion-icon');
- const label = tabContent.querySelector('.text-truncate');
-
- expect(tab).not.toBeNull();
- expect(icon).not.toBeNull();
- expect(label).not.toBeNull();
-
- expect(tab.classList).toContain('justify-content-start');
- expect(tab.classList).toContain('text-left');
- expect(tabContent.classList).toContain('justify-content-start');
- expect(tabContent.classList).toContain('text-left');
- expect(tabContent.classList).toContain('w-100');
- expect(icon.classList).toContain('flex-shrink-0');
- expect(label.classList).toContain('col');
- expect(label.classList).toContain('overflow-hidden');
- expect(label.classList).toContain('p-0');
- expect(label.textContent).toBe(
- 'A very long tab label that should be truncated'
- );
- });
-});