github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-19 12:59:39 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

* Made the "Play on Plex/Emby/Jellyfin" buttons more visible on the details page

Browse source
This commit is contained in:
tidusjar 2021-01-08 20:33:44 +00:00
commit 2ca6d67573
4 changed files with 31 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html
View file

@ -30,19 +30,22 @@
</a> </a>
<span class="left-seperator" *ngIf="available"> <span class="left-seperator" *ngIf="available">
<a *ngIf="plexUrl" class="media-icons plex" href="{{plexUrl}}" target="_blank">
<i matTooltip=" {{'Search.ViewOnPlex' | translate}}" <a *ngIf="plexUrl" href="{{plexUrl}}" mat-raised-button target="_blank" class="btn-spacing viewon-btn plex">
class="fa fa-play-circle fa-2x grow-social"></i> {{'Search.ViewOnPlex' | translate}}
<i
class="fa fa-play-circle fa-2x"></i>
</a> </a>
<a *ngIf="embyUrl" class="media-icons emby" href="{{embyUrl}}" target="_blank"> <a *ngIf="embyUrl" href="{{embyUrl}}" mat-raised-button target="_blank" class="btn-spacing viewon-btn emby">
<i matTooltip=" {{'Search.ViewOnEmby' | translate}}" {{'Search.ViewOnEmby' | translate}}
class="fa fa-play-circle fa-2x grow-social"></i> <i
class="fa fa-play-circle fa-2x"></i>
</a> </a>
<a *ngIf="jellyfinUrl" class="media-icons jellyfin" href="{{jellyfinUrl}}" target="_blank"> <a *ngIf="jellyfinUrl" href="{{jellyfinUrl}}" mat-raised-button target="_blank" class="btn-spacing viewon-btn jellyfinUrl">
<i matTooltip=" {{'Search.ViewOnJellyfin' | translate}}" {{'Search.ViewOnJellyfin' | translate}}
class="fa fa-play-circle fa-2x grow-social"></i> <i
class="fa fa-play-circle fa-2x"></i>
</a> </a>
</span> </span>

22
src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.scss
View file

@ -1,13 +1,19 @@
.viewon-btn {
.media-icons.plex { background-color: transparent;
color: #feb801 !important; margin-top: 7px;
text-decoration: none;
} }
.media-icons.emby { .viewon-btn.plex {
color: #52b54a !important; border: 1px solid #ffd740;
color: #ffd740;
} }
.viewon-btn.emby {
.media-icons.jellyfin { border: 1px solid #52b54a;
color: #00a4dc !important; color: #52b54a;
} }
.viewon-btn.jellyfin {
border: 1px solid #00a4dc;
color: #00a4dc;
}

3
src/Ombi/ClientApp/src/app/media-details/media-details.component.scss
View file

@ -185,7 +185,7 @@
} }
.media-icons { .media-icons {
color: mat-color($ombi-app-primary) !important; color: white !important;
padding: 1%; padding: 1%;
} }
@ -200,7 +200,6 @@
.small-middle-container { .small-middle-container {
margin: auto; margin: auto;
width: 95%; width: 95%;

6
src/Ombi/wwwroot/translations/en.json
View file

@ -90,9 +90,9 @@
"NoResults": "Sorry, we didn't find any results!", "NoResults": "Sorry, we didn't find any results!",
"DigitalDate": "Digital Release: {{date}}", "DigitalDate": "Digital Release: {{date}}",
"TheatricalRelease": "Theatrical Release: {{date}}", "TheatricalRelease": "Theatrical Release: {{date}}",
"ViewOnPlex": "View On Plex", "ViewOnPlex": "Play On Plex",
"ViewOnEmby": "View On Emby", "ViewOnEmby": "Play On Emby",
"ViewOnJellyfin": "View On Jellyfin", "ViewOnJellyfin": "Play On Jellyfin",
"RequestAdded": "Request for {{title}} has been added successfully", "RequestAdded": "Request for {{title}} has been added successfully",
"Similar": "Similar", "Similar": "Similar",
"Refine": "Refine", "Refine": "Refine",