zenon/web-application-engineering
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make list item gray if feed disabled

Browse Source
This commit is contained in:
Tobias Eidelpes 2021-05-03 17:52:13 +02:00
parent e885b41e77
commit 19caa801b3
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app/component/einstellungen/einstellungen.component.css
View File

@ -25,3 +25,10 @@
margin-right: auto; margin-right: auto;
max-width: 800px; max-width: 800px;
} }
.notActive {
background-color: white;
filter:alpha(opacity=50); /* IE */
opacity: 0.5; /* Safari, Opera */
-moz-opacity:0.50; /* FireFox */
}

2
frontend/src/app/component/einstellungen/einstellungen.component.html
View File

@ -2,7 +2,7 @@
<div class="content"> <div class="content">
<div class="text-center"> <div class="text-center">
<div class="container" *ngFor="let feed of feeds"> <div class="container" *ngFor="let feed of feeds">
<div class="row feed-list-row"> <div class="row feed-list-row" [ngClass]="{'notActive': feed.active == false}">
<div class="col-2 text-center padding-0 margin-auto"> <div class="col-2 text-center padding-0 margin-auto">
<img class="feed-icon" src="{{feed.icon}}" alt="Feed-Icon"> <img class="feed-icon" src="{{feed.icon}}" alt="Feed-Icon">
</div> </div>