Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Device Icons for WebOS & Updated Infuse Naming #6281

Merged
merged 8 commits into from
Jan 6, 2025

Conversation

JPKribs
Copy link
Member

@JPKribs JPKribs commented Oct 31, 2024

Changes
First time doing anything on Web so please let me know if this isn't right!

Over in Swiftfin, I added Device Logos and I threw in a webOS (LG TVs) icon as well. I just wanted to add that logo and the logic so Jellyfin-Web had it as well. In my testing, 'LG Smart TV' covers all of the TVs (all 2 I had to test) but I'm unsure if there is a different name for projectors?

I am using webOS's icon from here: https://en.wikipedia.org/wiki/WebOS#/media/File:LG_WebOS_New.svg.

Additionally, during my Swiftfin changes, I found that Infuse doesn't use 'Infuse' as a device name after 7.7(?) and now uses 'Infuse-Direct' or 'Infuse-Library' on later versions. While I was adding WebOS, I added this change as well. I left the original just plain 'Infuse' for anyone running previous versions as well.

Issues
#6280

@JPKribs JPKribs requested a review from a team as a code owner October 31, 2024 22:23
@jellyfin-bot
Copy link
Collaborator

jellyfin-bot commented Oct 31, 2024

Cloudflare Pages deployment

Latest commit 8364fda
Status ✅ Deployed!
Preview URL https://96d2cb57.jellyfin-web.pages.dev
Type 🔀 Preview

View build logs

@viown
Copy link
Member

viown commented Oct 31, 2024

I get this when I try the icon:

image

@dmitrylyzo dmitrylyzo added the enhancement Improve existing functionality or small fixes label Nov 1, 2024
@JPKribs
Copy link
Member Author

JPKribs commented Nov 2, 2024

I get this when I try the icon:

image

I'm sorry about that! I think I have this resolved. Additionally, while I was looking at my devices I realized Swiftfin wasn't in there on web for Apple either! So I've added both variants of Swiftfin. It looks like 1.0.1 and below is just Jellyfin tvOS/iOS/iPadOS and 1.1+ is Swiftfin tvOS/iOS/iPadOS. Additionally, I put the client name in for LG TV since it looks like we're looking at both client and device.

Let me know if this scaling looks right! I added some items next to it for comparison:

Untitled

@JPKribs
Copy link
Member Author

JPKribs commented Nov 2, 2024

Oh! Lastly, the Samsung.svg should be Samsungtv.svg. I updated that too.

Copy link

sonarqubecloud bot commented Nov 2, 2024

@thornbill
Copy link
Member

I don't think we should add padding to the logo image to fix what is really a bug with the css. (I also don't think that fixing that bug is a blocker for this PR. 🙂)

@JPKribs
Copy link
Member Author

JPKribs commented Dec 2, 2024

I don't think we should add padding to the logo image to fix what is really a bug with the css. (I also don't think that fixing that bug is a blocker for this PR. 🙂)

Sounds good! I think on my last iteration the WebOS logo should match the same size as the other logos. Would you rather I trim that to just be the size of the actual logo?

Let me know what works best! Aside from CSS changes, that might be a little beyond me haha.

@thornbill
Copy link
Member

Yeah I would just make it the size of the logo itself. I had a fix for the css the other day but I think I deleted it at some point. I'll open a PR for it when I get it fixed again. 🙃

Copy link

sonarqubecloud bot commented Dec 2, 2024

@JPKribs
Copy link
Member Author

JPKribs commented Dec 2, 2024

There we go! I kept updating the image but GitHub was showing it with huge vertical margins. I think that might be just how GitHub displays svgs? Either way, I've updated the image so it should just be exactly their Wikipedia SVG but white to mirror our existing logos.

I'll also directly attach the svg to this comment just in case something weird is going on.

webos.svg

Copy link

sonarqubecloud bot commented Jan 6, 2025

@thornbill thornbill merged commit bc9537d into jellyfin:master Jan 6, 2025
15 checks passed
@thornbill thornbill added this to the v10.11.0 milestone Jan 6, 2025
kevgrig pushed a commit to kevgrig/jellyfin-web that referenced this pull request Jan 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Improve existing functionality or small fixes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants