borekon/PeerTube_original
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix feed button

Browse Source
This commit is contained in:
Chocobozzz 2023-10-12 14:24:48 +02:00
parent ce3d17388d
commit d3ae2e9c80
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/app/shared/shared-main/feeds/feed.component.html
View File

@ -1,12 +1,12 @@
<button class="feed border-0 p-0" *ngIf="syndicationItems && syndicationItems.length !== 0"> <button
<my-global-icon *ngIf="syndicationItems && syndicationItems.length !== 0"
role="button" aria-label="Open syndication dropdown" i18n-aria-label [ngbPopover]="feedsList" [autoClose]="true" placement="bottom left auto"
*ngIf="syndicationItems.length !== 0" [ngbPopover]="feedsList" [autoClose]="true" placement="bottom left auto" class="feed border-0 p-0"
class="icon-syndication" iconName="syndication" title="Open syndication dropdown" i18n-title
> >
</my-global-icon> <my-global-icon iconName="syndication"></my-global-icon>
<ng-template #feedsList> <ng-template #feedsList>
<a *ngFor="let item of syndicationItems" [href]="item.url" target="_blank" rel="noopener noreferrer">{{ item.label }}</a> <a *ngFor="let item of syndicationItems" class="feed-link" [href]="item.url" target="_blank" rel="noopener noreferrer">{{ item.label }}</a>
</ng-template> </ng-template>
</button> </button>

14
client/src/app/shared/shared-main/feeds/feed.component.scss
View File

@ -4,15 +4,15 @@
.feed { .feed {
width: 100%; width: 100%;
color: inherit; color: inherit;
}
a { .feed-link {
color: pvar(--mainForegroundColor); color: pvar(--mainForegroundColor);
display: block; display: block;
min-width: 100px; min-width: 100px;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
}
} }
} }