Skip to content
This repository has been archived by the owner on Apr 12, 2021. It is now read-only.

fix(project): #1655 fixed the wrapping issue in project list #1663

Open
wants to merge 2 commits into
base: v0.11.9
Choose a base branch
from
Open

fix(project): #1655 fixed the wrapping issue in project list #1663

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
71679c1
fix(project): #1655 fixed the wrapping issue in project list
webkhushboo Jan 19, 2020
70d5401
fix(project): #1655 fixed failing test scenario
webkhushboo Jan 19, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 13 additions & 11 deletions web/src/app/shared/components/projects-list/projects-list.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,17 +12,17 @@
<ng-container matColumnDef="type">
<th mat-header-cell *matHeaderCellDef>Type</th>
<td mat-cell *matCellDef="let element">
<img *ngIf = "element.logoUrl; else imagePlaceholder" [src]="element.logoUrl" />
<img *ngIf="element.logoUrl; else imagePlaceholder" [src]="element.logoUrl" />
<ng-template #imagePlaceholder>
<mat-icon class="material-icons-outlined green-color">{{ checkTypeOfProject(element) }}</mat-icon >
<mat-icon class="material-icons-outlined green-color">{{ checkTypeOfProject(element) }}</mat-icon>
</ng-template>
</td>
</ng-container>
<ng-container matColumnDef="title">
<th mat-header-cell *matHeaderCellDef>Title</th>
<td mat-cell *matCellDef="let element">
<div fxLayout.xs="column" fxLayoutAlign="start start" class="project__list__title">
<div><a [routerLink]="['/projects', element.uid]" class="project__list__title">{{ element.title }}</a></div>
<td mat-cell *matCellDef="let element" class="project__list__item">
<div fxLayout.xs="column" fxLayoutAlign="start start" class="project__list__title project__list__item__content">
<div class="project__list__item__content"><a class="project__list__title" [routerLink]="['/projects', element.uid]">{{ element.title }}</a></div>
<div *ngIf="isSmallScreen">
{{ (element.access.admin[0] | user | async)?.username }}
</div>
Expand All @@ -35,8 +35,8 @@
</ng-container>
<ng-container matColumnDef="url">
<th mat-header-cell *matHeaderCellDef>Url</th>
<td mat-cell *matCellDef="let element" class="project__list__url">
<div class="project__list__url__content">
<td mat-cell *matCellDef="let element" class="project__list__item">
<div class="project__list__item__content">
<a href="{{ element.url }}" *ngIf="element.url">{{ element.url }}</a>
</div>
</td>
Expand Down Expand Up @@ -70,10 +70,12 @@
</ng-container>
<ng-container matColumnDef="user">
<th mat-header-cell *matHeaderCellDef>User</th>
<td mat-cell *matCellDef="let element">
<a href="https://github.com/{{ (element.access.admin[0] | user | async)?.username }}">
{{ (element.access.admin[0] | user | async)?.username }}
</a>
<td mat-cell *matCellDef="let element" class="project__list__item">
<div class="project__list__item__content">
<a href="https://github.com/{{ (element.access.admin[0] | user | async)?.username }}">
{{ (element.access.admin[0] | user | async)?.username }}
</a>
</div>
</td>
</ng-container>
<ng-container matColumnDef="lastDate">
Expand Down
3 changes: 1 addition & 2 deletions web/src/app/shared/components/projects-list/projects-list.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,6 @@
}

&__title {
word-break: break-all;

@media(max-width: $breakpoint-xs) {

Expand All @@ -24,7 +23,7 @@
cursor: pointer;
}

&__url {
&__item {
max-width: 20vw;

&__content {
Expand Down