Commit graph

490 commits

Author SHA1 Message Date
lscambo13
8c7f853219 New: Added icons to the header tabs on the home page
Fix: Made the tab buttons less rounded
Fix: Removed shadow and blur from tab buttons
2025-05-26 09:51:22 -07:00
lscambo13
9344aaee65 Fix: Tweaked the header blur slightly 2025-05-26 09:48:49 -07:00
lscambo13
0a4b0d2f24 New: Redesigned the header
Changes:
- Rearranged code
- Removed the bottom border
- Adjusted margins and paddings on the header and page content
- Added fading blur behind the tabs
- Updated the header buttons into pill shapes
- Adjusted the media query value for when section tabs shift downwards
- Increased section tabs font size even when they are shifted downwards
2025-05-25 19:21:35 +05:30
lscambo13
12df953c8d Fix: Made the loading spinner brighter 2025-05-25 19:15:21 +05:30
lscambo13
fea3343f06 Fix: Added padding around foreign title to create some separation from the main title 2025-05-25 17:07:07 +05:30
lscambo13
0cdd6c337f Fix: Text-based artist and album names were not visible 2025-05-25 17:05:25 +05:30
lscambo13
b57ea88382 dev: saved unused code for later reference 2025-05-24 08:38:47 -07:00
lscambo13
93ff0569d4 New: Made the foreign title a bit dimmer than the main one 2025-05-24 08:28:35 -07:00
lscambo13
26fecf22eb Fix: Reduced the media title size slightly on phones 2025-05-24 08:27:38 -07:00
lscambo13
a1c3017708 Fix: Tweaked cards sizes on the home page a little more 2025-05-24 08:26:28 -07:00
lscambo13
b9989b88a2 New: Decreased the bottom padding/gap between cards 2025-05-24 08:24:19 -07:00
lscambo13
5eb777fe70 dev: saved unsed code for later reference 2025-05-19 13:34:55 -07:00
lscambo13
3c191b884a Fix: Increased top padding to add bigger gap between header and page content 2025-05-19 13:33:37 -07:00
lscambo13
e4af44b91e Fix: Removed right padding in media page and cast sections to align the cards better 2025-05-19 13:31:17 -07:00
lscambo13
7c73eef574 Fix: Hid the placeholder icons inside round cast cards as a workaround to misalignment issues 2025-05-19 13:29:59 -07:00
lscambo13
473b8ed28f Fix: Tweaked card sizes for more even alignment 2025-05-19 13:27:49 -07:00
lscambo13
8bc151aa31 Fix: Adjusted padding around chapter card text to fit smaller size 2025-05-19 13:25:11 -07:00
lscambo13
e9676eccf8 Fix: Resume progress bar was smaller than intended on portrait when mini play button was unavailable 2025-05-19 13:23:01 -07:00
lscambo13
c1e5fb3612 Fix: Reduced default icon size in library cards on phones to fit the small size 2025-05-19 13:21:09 -07:00
lscambo13
d25f31708c Fix: Reduced top padding from expand overview button 2025-05-19 13:19:56 -07:00
lscambo13
e648a8c740 Fix: Removed extra top padding from clickable section headings and scroll buttons 2025-05-19 13:18:34 -07:00
lscambo13
7243505b7a Fix: Reduced the size of mini play button slightly on phones 2025-05-19 13:16:15 -07:00
lscambo13
c203962fb6 New: Animate cards when their size changes 2025-05-19 13:15:08 -07:00
lscambo13
7ce2be1599 New: Reduced card sizes on the home screen on phones 2025-05-17 13:56:46 -07:00
lscambo13
22c6da1613 Fix: Seek bar thumb was showing over trickplay preview 2025-05-17 13:55:54 -07:00
lscambo13
31543c1757 Fix: TV seasons list still had side margin 2025-05-17 13:55:00 -07:00
lscambo13
abaf3c258f dev: rearranged code 2025-05-17 10:43:18 -07:00
lscambo13
e703dcef01 New: Made the guest cast list cards rounded 2025-05-17 06:43:56 -07:00
lscambo13
7bbfa07a6d Fix: Reduced the margin to fix horizontal overflow in cast list list
dev: rearranged code
2025-05-17 06:38:59 -07:00
lscambo13
def85c0f60 Fix: Centered the placeholder icon in cast list 2025-05-17 06:36:56 -07:00
lscambo13
cc66d9bc5b Fix: Aligned cast photos in rounded cards 2025-05-17 06:30:14 -07:00
lscambo13
fd1c368daa New: Updated the active state of main media buttons 2025-05-16 13:33:22 -07:00
lscambo13
2b5f833352 New: Removed the side margin from horizontal scrollers in the media page 2025-05-16 13:29:52 -07:00
lscambo13
2e20ab16fa New: Updated the hover effect on other main media buttons to match the play button 2025-05-16 13:28:39 -07:00
lscambo13
7742caef71 New: Made the cast cards round
Fix: Made their multiselect overlay round too
Fix: Centered their default inside icon that is rarely visible
2025-05-16 13:26:48 -07:00
lscambo13
80402436ec Fix: Resume media progress bar was misaligned in episode list thumbnails 2025-05-16 12:08:37 -07:00
lscambo13
1f4db6b3d8 New: Home button is shown in the main media page 2025-05-16 09:52:39 -07:00
lscambo13
0dd5784be8 Fix: Increased the intensity of shadow behind OSD controls 2025-05-15 13:42:15 -07:00
lscambo13
fd86c8be0e dev: used var for consistency 2025-05-15 13:41:15 -07:00
lscambo13
0437d11de2 New: Placed the seekbar below media controls to reduce distraction during video playback 2025-05-15 13:25:16 -07:00
lscambo13
5029a4aa23 Fix: Applied focus state on seekbar for TV layout
dev: rearranged some code
2025-05-15 13:23:01 -07:00
lscambo13
28e766b59f Fix: Reduced the brightness of backdrop rather than blurring it
Revert: Blur backdrop when episode thumbnail is visible
2025-05-15 13:18:24 -07:00
lscambo13
a157ed8bdb New: Redesigned the seekbars
Changes:
- Seekbar active color
- Seekbar thumb color
- Seekbar and thumb behaviour on hover and active states
2025-05-14 14:11:12 -07:00
lscambo13
44c5d38523 New: Increased the size of play/pause button on video OSD and music player 2025-05-14 14:09:23 -07:00
lscambo13
ad4d1f0adf New: Blur backdrop when episode thumbnail is visible 2025-05-14 14:07:34 -07:00
lscambo13
03b5ae35e7 Fix: Reduced the intensity of drop shadow behind posters in the media page 2025-05-14 14:06:23 -07:00
lscambo13
cfb4bc772f New: Added background color to the media details table 2025-05-14 08:38:49 -07:00
lscambo13
2df680a786 Fix: Allowed word break to prevent clipping of long media titles on phones 2025-05-13 12:53:53 -07:00
lscambo13
c883b013c2 New: Placed the track selection menu after media details table, and reduced line clamp on description to 4 2025-05-13 12:52:39 -07:00
lscambo13
028aaa3971 New: Various updates to the phone layout
Changes:
- rearranged code
- renamed animation names to avoid conflicts with jellyfin defaults
- made the sizes and margins of backdrops, clear logo and posters consistent at different screens sizes
- removed some media queries
- switched to oultined icons in the main media butons
- increased the margin between the play button and other buttons
- changed the clear logo behaviour to show episode thumbnails and TV show titles
- made the posters and thumbnails bigger in the media page
- kept their sizes unchanged on landscape mode
- increased the font size of main media title
- redesigned the main media buttons on the desktops to be consistent with phones
-
2025-05-13 09:11:38 -07:00
lscambo13
25b5cf187f Fix: Adjusted the optical size of material icons for improved definition 2025-05-13 08:45:45 -07:00
lscambo13
92b47e6519 dev: fixed formatting 2025-05-12 06:23:39 -07:00
lscambo13
5e2a0f8e78 Fix: On phones, made the code for backdrop tint simpler
Changes:
- removed the semi-transparent color behind its sibling
- made the mask itself semi-transparent
- rearranged and removed redundant code
- removed forced height o backdrop, kept as-is on desktops for now
2025-05-11 19:42:45 +05:30
lscambo13
479d7b7642 dev: disabled dithering temporarily 2025-05-11 19:09:52 +05:30
lscambo13
210148aa53 Fix: On phones, reduced the padding around the main play/resume button 2025-05-11 18:39:48 +05:30
lscambo13
ba96445fdb New: On phones, introducing a major overhaul of the main media page
Changes:
- Inspired from Plex and Netflix
- Positioned the main components at center
- Replaced the text titles with clear arts
- Animated the backdrop when opening the item page
- Added a slight shadow to header buttons when it is fully transparent
- Showed the poster and main title when clear art is not available

Limitations:
- Episode thumbnail not visible anymore in the episode page
- Hidden media title means that users can not go back to the TV show by tapping on it
2025-05-11 18:28:29 +05:30
lscambo13
3b01427bfa New: On phones, resized, restyled and placed the play/resume button on top, with the other buttons below it 2025-05-11 18:16:28 +05:30
lscambo13
6a157db8e5 New: On phones, faded the backdrop itself rather than overlaying gradients over it 2025-05-11 18:14:15 +05:30
lscambo13
e54feb79e8 New: Increased the font size of media rating info below the main title 2025-05-11 18:11:31 +05:30
lscambo13
721a90aa3f dev: rearranged and documented variables a bit 2025-05-11 17:46:54 +05:30
lscambo13
fb49ca0d7a Fix: Title size was too big for TV shows than that for movies, on phones 2025-05-11 17:37:19 +05:30
lscambo13
ad9e6d315b Fix: Title size was smaller for TV shows than that for movies 2025-05-11 13:33:13 +05:30
lscambo13
e007bd76af Fix: Removed the top gap to account for the transparent header in now playing music playlist on phones 2025-05-10 12:47:18 -07:00
lscambo13
10e4e514bf Fix: Placed the list buttons horizontally on desktop 2025-05-10 12:45:40 -07:00
lscambo13
a142a3d64e New: Buttons scale down when pressed 2025-05-10 12:30:04 -07:00
lscambo13
fcb5440469 Fix: Header border color was not transitioning properly coming from transparent header 2025-05-10 12:28:58 -07:00
lscambo13
b1b0c0545c New: Centered the poster and backdrop cards for TV series in cast and media pages respectively 2025-05-10 12:27:38 -07:00
lscambo13
13f242eb40 Fix: Adjusted the backdrop transparency on desktop 2025-05-10 12:25:21 -07:00
lscambo13
77a94bbea8 New: Reduced the shadow intensity behind the poster in main media page 2025-05-10 12:22:49 -07:00
lscambo13
fda94b5794 New: Made the app header transparent in the main media page 2025-05-10 11:02:13 -07:00
lscambo13
70cb269ada Fix: Prevented dither mask from being applied to the video player 2025-05-10 11:01:07 -07:00
lscambo13
39d1bc7d28 New: Removed the gap between the backdrop and the top of screen on phones 2025-05-10 09:50:33 -07:00
lscambo13
a9d9df70fe Fix: Increased gap between seek bar and the remaining playback time 2025-05-10 09:48:58 -07:00
lscambo13
a6184437ec New: Animate item backdrops 2025-05-10 09:45:11 -07:00
lscambo13
d5e7c02541 dev: Save dithering mask url as variable 2025-05-10 09:43:39 -07:00
lscambo13
34fc3aceb8 New: Added dithering to make gradients smoother 2025-05-10 09:01:10 -07:00
lscambo13
149879c10f New: Added basic styling for the Media Bar plugin 2025-05-10 08:41:11 -07:00
lscambo13
6b537e3e16 RELEASE: ElegantFin v25.05.03 2025-05-02 12:57:08 -07:00
lscambo13
f003722028 dev: ElegantFin v25.05.03 rc1 2025-05-02 09:46:38 -07:00
lscambo13
353e6b466a Fix: Increased the padding around the mini play button for better appearance 2025-04-16 06:02:03 -07:00
lscambo13
2c4fa43198 dev: fixed indentation 2025-04-15 13:44:33 -07:00
lscambo13
0ad636b2f3 Fix: Prevent reduced progress bar width from being applied to small backdrop cards on phones 2025-04-15 13:42:47 -07:00
lscambo13
5a07894b0a New: Reduced the width of progress bar on Continue Watching cards on phones
Its right end would not get partially covered by the mini resume button on phones anymore
2025-04-13 21:21:51 +05:30
lscambo13
bc664a5e30 New: Seek bar height now increases when seeking for improved feedback 2025-04-13 21:12:06 +05:30
lscambo13
f23bf85aa0 New: Updated the progress bar on Continue Watching cards for better appearance and contrast
This also affects the trickplay and chapter cards
2025-04-13 21:10:31 +05:30
lscambo13
96de0cd09a New: Removed the overlay gradient when hovering over cards for a cleaner appearance 2025-04-13 21:06:57 +05:30
lscambo13
56926bd623 Fix: Calculated progress bar width in scan library dialog properly to prevent overflow 2025-04-07 12:49:50 -07:00
lscambo13
d5249de256 Merge branch 'main' of https://github.com/lscambo13/ElegantFin 2025-03-30 21:22:07 +05:30
lscambo13
98588d9787 Fix: Various adjustments made to the login screen
- Fixed vertical alignment of login dialog by removing forced margins
- Fixed unnecessary page overflow and scroll
- Fixed user cards becoming too small in certain cases
- Background is slightly darker now
- Removed redundant media queries
2025-03-30 21:18:25 +05:30
lscambo13
dfbb944fd1 Fix: Reverted max-width on active device cards in Dashboard
It was probably a workaround for something; not needed it anymore.
2025-03-30 21:12:06 +05:30
rlauuzo
13ab96d1a8
Fix: Poster size in media page in TV layout was too small (#49)
* Fix TV Layout

---------

Co-authored-by: rlauu <46294892+rlauu@users.noreply.github.com>
2025-03-30 19:12:19 +05:30
lscambo13
36360df6a7 New: Progress bar for the library scan now spans the whole width of its container 2025-03-28 12:16:52 -07:00
lscambo13
dd51565fde New: Aligned text to the right side in Server Info section in Dashboard 2025-03-28 08:51:49 -07:00
lscambo13
ca1b03e125 Fix: Reduced icon padding in My Media (small) buttons and side margin in their container #46
This removes the extra unintended indentation on the sides of their container.
2025-03-28 06:55:59 -07:00
lscambo13
edcd66abac dev: fixed formatting 2025-03-28 06:34:31 -07:00
lscambo13
af76751329 New: Updated cell and focus colors in Live TV Guide 2025-03-28 06:28:13 -07:00
lscambo13
4c167fe353 New: Always display SyncPlay button on Desktops, TVs, and Phones (landscape) #48
Only hide it in portrait mode on phones from the home page because generally there isn't enough space in the header. It is always visible in Movie/TV Library and Settings pages.
2025-03-28 06:26:37 -07:00
lscambo13
88af9ccd9c RELEASE: ElegantFin v25.03.18 2025-03-17 09:23:32 -07:00
lscambo13
9ef7d3eead New: Shutdown button in Dashboard is now colored red 2025-03-17 08:02:39 -07:00
lscambo13
7f9a0ed63d dev: updated Material Icons manually 2025-03-17 06:56:16 -07:00
lscambo13
f3655a2e3f Fix: Added a workaround for incompatible icons on WebOS 2025-03-17 06:36:01 -07:00
lscambo13
7411aa59f7 dev: code cleanup
Also switched to using a variable name to set icons as a workaround for WebOS
2025-03-16 15:43:42 +05:30
lscambo13
0524530f6c New: Reduced border width in tables 2025-03-16 15:28:11 +05:30
lscambo13
96de404c7e Fix: The top of the side panel in Reports page was hidden under header 2025-03-16 15:27:39 +05:30
lscambo13
d67c6b510f Fix: Some tables did not have round corners 2025-03-16 15:13:50 +05:30
lscambo13
0cf3435546 New: Updated Live TV library styles 2025-03-16 15:13:27 +05:30
lscambo13
d57dae184c Fix: Made different table styles in Dashboard look a bit more consistent with each other 2025-03-16 14:00:01 +05:30
lscambo13
d3c684cbe9 Fix: Kept background color on small Mui buttons and just colored the text white 2025-03-16 13:58:47 +05:30
lscambo13
edd746136a Fix: Text color when hovering over tab buttons was dim in library pages 2025-03-16 13:56:53 +05:30
lscambo13
3d73fce56f New: Revoke button in API page in Dashboard is colored red now 2025-03-16 13:55:34 +05:30
lscambo13
f57e92dffd New: Placed footer buttons in Metadata Manager horizontally 2025-03-16 13:54:45 +05:30
lscambo13
ab70b69577 New: Skip button for intros and outros should feel more interactive now
dev: added subtle shadow with active and hover states
2025-03-15 13:41:06 -07:00
lscambo13
887b7547fa Fix: Updated the Up Next dialog to be more responsive for proper display on portrait orientation 2025-03-15 13:27:01 -07:00
lscambo13
195b512434 Fix: Playback statistics could not be scrolled horizontally 2025-03-15 13:26:58 -07:00
lscambo13
0b70a46df8 Fix: Chapter markers and seek bar were not aligned with each other 2025-03-15 13:26:11 -07:00
lscambo13
295cc105cd New: Styled the Playback Reporting section of the Dashboard (i.e., top bar and table)
New: This also fixes many visual glitches in the Experimental layout, togglable in Display Mode setting.
2025-03-15 12:04:19 -07:00
lscambo13
1ed5c6600e New: Updated color of selected tab in Metadata Manager 2025-03-15 11:50:55 -07:00
lscambo13
127b34f222 dev: added alpha versions of some colors 2025-03-15 11:49:12 -07:00
lscambo13
e24e0ea1e2 New: Explicity declare dark mode to use dark versions of native elements such as tooltips and date pickers 2025-03-15 11:46:02 -07:00
lscambo13
5991aae9a1 Fix: Adjusted time markers to prevent shifts in music player and uneven alignment in video player 2025-03-15 10:23:21 -07:00
lscambo13
7870e74479 Fix: Music player buttons were too close to the seek bar on desktops 2025-03-15 10:21:50 -07:00
lscambo13
aed961525e New: Redesigned chapter markers so that they don't clutter the seek bar 2025-03-15 10:20:25 -07:00
lscambo13
33574317bc Fix: A thin dark line was visible behind video player seek bar 2025-03-15 10:17:26 -07:00
lscambo13
ad4bb5f0e8 Fix: Increased blur size for more uniform shade on continue watching progress bar 2025-03-15 10:15:50 -07:00
lscambo13
0f5711baa4 Fix: Blur was not covering the whole bar in continue watching cards 2025-03-15 10:14:43 -07:00
lscambo13
00619e7a4a Fix: Added light color behind Live TV cards as a workaround to counter poor contrast on black logos 2025-03-11 12:36:32 -07:00
lscambo13
6de7610551 New: Added icon for grouped versions in media track selection menu 2025-03-03 06:23:47 -08:00
lscambo13
f1003499c9 New: Play media button text switches to Resume when appropriate 2025-02-21 09:17:57 -08:00
lscambo13
694f8a348b Fix: Exculde certain data types from being affected with changes that were intended only for My Media cards 2025-02-04 08:47:16 -08:00
lscambo13
f311a2ab1c Fix: Increase button size slightly on list items with large thumbnails 2025-02-04 08:45:41 -08:00
lscambo13
d738f01510 Fix: Simplified the code to apply reduced card height only on the homepage 2025-02-04 07:57:01 -08:00
lscambo13
4346bbea5e dev: removed redundant code 2025-02-04 05:50:38 -08:00
lscambo13
9590424ac7 Fix: Adjusted the gap between song and artist name 2025-02-02 14:45:18 +05:30
lscambo13
a65c30796c New: Redesigned the Now Playing section on desktops
New: Now playing section now sticks to the top of the screen on desktops; particularly useful in a large music library
2025-02-02 14:43:05 +05:30
lscambo13
bb7c2acf7d New: Mini play button is colored; it is also user-customisable via --btnMiniPlayColor 2025-02-02 14:40:27 +05:30
lscambo13
a27e9e6713 Fix: Added a fallback color in case the external link is not a known domain 2025-01-31 11:31:40 -08:00
lscambo13
66f777672d Fix: Hover on external links was causing the text to be transparent 2025-01-31 10:40:34 -08:00
lscambo13
8e98632656 New: Updated design of external links (i.e., IMDb, Trakt etc) in the media item page 2025-01-31 08:57:37 -08:00
lscambo13
bbe9205d08 Fix: Optimised track selection vector icons 2025-01-29 07:53:23 -08:00
lscambo13
170bb6836c Fix: Hover and active states were not working in Select View menu 2025-01-29 07:52:14 -08:00
lscambo13
2c070e21df dev: Reworked how floating mini buttons are styled, making their color easier to customise using a variable 2025-01-28 13:48:34 -08:00
lscambo13
0497fbdf0e Fix: Use pure white text color on active list item for improved contrast 2025-01-28 13:45:58 -08:00
lscambo13
039f852dea Fix: Increased right margin on track selection icons 2025-01-28 13:44:08 -08:00
lscambo13
7b80a191a7 New: Updated active item color 2025-01-28 13:04:18 -08:00
lscambo13
9eec520249 New: Switch to using icons rather than text on media track selection menus 2025-01-28 10:03:41 -08:00
lscambo13
847f388894 dev: activeColorAlpha was too transluscent 2025-01-28 10:02:37 -08:00
lscambo13
d4008e06b0 Fix: Use pure white color on icons when hovering over for a better contrast when the background is also a bit light 2025-01-28 10:01:17 -08:00
lscambo13
5e8069bd8c Fix: Revert to a cleaner font face for the parental rating icon 2025-01-28 09:59:18 -08:00
lscambo13
0f32a421a1 dev: separated often used accent color as a var
dev: reorganised code; moved progress bar code closer
2025-01-25 12:11:47 -08:00
lscambo13
2396dbd40b HOTFIX: text selection color was bugged due to a typo 2025-01-25 09:04:56 -08:00