novaloop-oss/mastodon-apps
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: small UI fixes

Browse Source
This commit is contained in:
Markus Huggler
2022-12-23 16:12:22 +01:00
parent 618a99e940
commit efa5ba3f62
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
projects/mastolists/src/app/followings/matrix/matrix.component.html
View File

@@ -40,7 +40,7 @@
</span> </span>
</th> </th>
<td *ngFor="let list of lists$ | async"> <td *ngFor="let list of lists$ | async">
<nb-checkbox <nb-checkbox style="cursor: pointer;"
[checked]="isChecked(account.lists, list.id)" [checked]="isChecked(account.lists, list.id)"
(checkedChange)="onCheckedChange($event, account.id, list.id)"> (checkedChange)="onCheckedChange($event, account.id, list.id)">
</nb-checkbox> </nb-checkbox>

4
projects/mastolists/src/app/followings/table/table.component.html
View File

@@ -36,7 +36,7 @@
<td class="col medium"> <td class="col medium">
<div *ngFor="let list of row.lists"> <div *ngFor="let list of row.lists">
{{list.title}} {{list.title}}
<nb-icon icon="person-remove-outline" (click)="removeAccountFromList(row.id, list.id)"> <nb-icon icon="person-remove-outline" (click)="removeAccountFromList(row.id, list.id)" style="cursor: pointer;">
Remove Account from list Remove Account from list
</nb-icon> </nb-icon>
</div> </div>
@@ -46,7 +46,7 @@
<select class="list-select" #listSelect> <select class="list-select" #listSelect>
<option *ngFor="let list of lists$ | async" [value]="list.id">{{list.title}}</option> <option *ngFor="let list of lists$ | async" [value]="list.id">{{list.title}}</option>
</select> </select>
<nb-icon icon="person-add-outline" (click)="addAccountToSelectedList(row.id, listSelect.value)"> <nb-icon icon="person-add-outline" (click)="addAccountToSelectedList(row.id, listSelect.value)" style="cursor: pointer;">
Add Account to list Add Account to list
</nb-icon> </nb-icon>
</div> </div>

2
projects/mastolists/src/app/followings/table/table.component.scss
View File

@@ -24,7 +24,7 @@ table {
&.large { &.large {
min-width: 400px; min-width: 400px;
} }
max-width: calc(100vw / 3); max-width: calc(100vw / 4);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }