• v24.12.20 518a393135

    lscambo13 released this 2024-12-20 18:08:39 +00:00 | 601 commits to main since this release

    This is the fourth update to ElegantFin.

    Key Changes

    • Switched to the same font as used in Jellyseerr (i.e. Inter)
    • Reworked the media page layout to avoid content clipping and oversized margins
    • Themed the side navigation bar in Dashboard and options in drop-down lists
    • Section tabs in library pages should move up into the main header even on smaller resolutions
    • Some styling has been done in the Guide section of Live TV library
    • User cards on the login page and delete media warning text are now centered
    • Hover and focus states of header buttons and tabs have been themed to be consistent with other elements on desktop
    • Added a thicker outline on the selected items for improved visibility in TV layout (Settings > Display > Display Mode > TV)
    • Hover and focus states of many new buttons have been themed properly (i.e. search, add, browse and hyperlink buttons)
    • Refined the parental rating icon to be more proportional
    • Adjustments to alignments, paddings, margins and borders have been made for a more consistent design (i.e. horizontal scrolling lists, arrow icons, scroll buttons)
    • Removed a floating horizontal line seen during some loading screens
    • Fixed abnormally large cards in some library sections
    • Fixed unnecessary list wrapping in Media and Live TV library sections on smaller screens
    • Fixed some other layout quirks on phone screens
    • Fixed a rare issue where a trailing border at the bottom of media information box was visible in some episode pages
    • Fixed various inconsistencies in the TV layout to bring it in line with the desktop design
    • Numerous other little fixes and changes have been made that may be too subtle to list, but you can read the commit history here

    Special thanks to @Tormak9970 for his contributions

    Known issues

    • Some elements may be displayed incorrectly on Jellyfin Media Player. Read more about this issue here.

    You may use the provided CSS file for self-hosting purposes. Alternatively, you may use the following code snippet to get the latest version via a free CDN.

    @import url("https://cdn.jsdelivr.net/gh/lscambo13/ElegantFin@main/Theme/ElegantFin-jellyfin-theme-build-latest-minified.css");
    

    For more detailed information, be sure to read the README.md file.

    Downloads