Commit graph

552 commits

Author SHA1 Message Date
lscambo13
adad2a4374 Fix: Made the book posters visible 2025-07-08 11:30:51 -07:00
lscambo13
543a05a958 Fix: Improved compatibility with older browsers i.e. JMP 2025-07-08 11:28:53 -07:00
lscambo13
e95c69ef36 Fix: Used consistent units for proper alignment at different scaling levels 2025-07-08 06:50:42 -07:00
lscambo13
2de2e5cffb Fix: Cards shifted too close to the alphabet picker in library on mobile
Fix: Simplified side paddings
2025-06-27 08:44:09 -07:00
lscambo13
1cb075ada0 New: Overhauled the media page design on desktop
- Now backdrops and crear logo are the main focus
- Commonly used buttons and the media description are visible, while the other elements need to be scrolled down to see
- This brings the desktop experience in line with the new mobile redesign
- Most elements are centered that work best with backdrops with subjects in the center
- Included various other fixes for mobile and tv layout, but the latter still needs work
- Tried to simplify and remove some complex selectors
- This redesign features some subtle blur effects and animations
-So many other changes I don't remember anymore
2025-06-27 08:41:50 -07:00
lscambo13
c72d4857d3 New: Allowed card to be smaller on bigger resolutions
Fix: Set the number of cards per row more logically
This enables you to capture more of your library items in a screenshot. Use (CTRL + -) to try.
2025-06-27 08:21:23 -07:00
lscambo13
efa1b801e4 Fix: Header tabs were off-center in the music library on TV layout
Fix: Tweaked the lyrics page slightly
Fix: Adjusted the expad overview button size
dev: code cleanup
2025-06-18 12:24:05 -07:00
lscambo13
0c50b90cde dev: Reverted 6a4cda0e13
It seems fine now for some reason
2025-06-14 12:56:29 -07:00
lscambo13
f89fca1a79 Fix: Link text color was not white when focused in TV layout 2025-06-14 12:49:45 -07:00
lscambo13
6a4cda0e13 Fix: Excluded the TV layout from the scrolling list margin fix to prevent overflow 2025-06-14 11:53:08 -07:00
lscambo13
9454c9eb05 New: Disabled the brightness filter, added slight shadow and reduced the transition duration on cards 2025-06-14 11:46:26 -07:00
lscambo13
bab21080c5 New: Increased the card scale size slightly when focused on TV layout 2025-06-13 11:39:02 -07:00
lscambo13
093384713f dev: simplified some selectors 2025-06-13 11:37:14 -07:00
lscambo13
1f90c4fb3c Fix: Set font-display to swap as an optimisation 2025-06-13 11:29:34 -07:00
lscambo13
1048ff3ce9 New: Added gap between cards on desktop and TV
Fix: Calculated the card sizes precisely
Fix: Aligned the cards more evenly
Fix: Set Consistent side paddings
dev: Made the code more readable and manageable
2025-06-13 11:25:33 -07:00
lscambo13
2e15baa612 Fix: Expand overview button was overlapping other elements when external link buttons were unavailable
New: Moved headings to top in media details table
New: Added backdrop blur when hovering over list items
Fix: Disabled extra transition properties from the header
Fix: Tweaked some margins and paddings
New: Updated the backdrop animation
dev: code cleanup
2025-06-12 12:27:58 -07:00
lscambo13
34bcd1f260 dev: code cleanup 2025-06-12 07:44:15 -07:00
lscambo13
1aa9cb3a36 New: Allow users to center the mini play button using a var 2025-06-11 09:37:27 -07:00
lscambo13
33ee006e73 New: Allow users to enable library labels using a var
Fix: Simplified the library card selectors
dev: Moved add-on code to the add-on file
2025-06-11 08:40:25 -07:00
lscambo13
821e936010 Fix: Focus style on radio buttons was missing 2025-06-11 08:08:30 -07:00
lscambo13
7516d1cc61 New: Updated the backdrop overlay on desktop slightly 2025-06-07 12:55:01 -07:00
lscambo13
91e83b73a0 New: Reduced the main media title font weight
dev: fixed formatting
2025-06-07 12:52:33 -07:00
lscambo13
46ee2a6ee7 dev: workarounds to fix border overflow in item details table and miasalignment of music page context menu 2025-06-07 12:44:52 -07:00
lscambo13
b71c43cd9b New: Redesigned the expand description button
New: Updatethe button to not waste space
New: Limited the plot to two lines on desktop and 4 on mobile
2025-06-07 12:42:30 -07:00
lscambo13
0d3756bb2b New: Updated backdrop scale origin and size on desktop 2025-06-07 12:38:38 -07:00
lscambo13
b9731e8b69 Fix: Prevented the main media buttons from varying in margin and size due to a media query
dev: fixed formatting
2025-06-07 12:37:00 -07:00
lscambo13
1b79ce7f0e New: Placed the main media bttons in single row on landscape mode
dev: rearranged code
2025-06-07 12:30:33 -07:00
lscambo13
8937e33bea Fix: shadow was being applied to transparent buttons on mobile 2025-06-01 20:24:21 +05:30
lscambo13
73cb573fc3 New: Change outline heart icon to filled if the item is favorite
New: Made the card overlay 'Mark Played' icon thicker
2025-06-01 20:17:59 +05:30
lscambo13
7af4c705d0 Fix: Extra card overlay buttons were overlapping the play button on small screen 2025-06-01 20:15:25 +05:30
lscambo13
502352cbfd New: Removed three-dot button from lists on desktop as right-click does the same job 2025-06-01 20:02:12 +05:30
lscambo13
ad4f3e45f7 dev: modified footer to remove large top padding 2025-06-01 20:01:04 +05:30
lscambo13
82912ed3ab Fix: Updated gradient vars and padding units 2025-06-01 20:00:05 +05:30
lscambo13
bb4e90077c New: Various improvements made to the EPG page design
Changes
- added gap between cells
- added top padding to prevent conflict with the new header
- disabled color coded backgrounds for a coherent design
- removed background color from the whole page
- hid the back arrow from cells
- removed border color
2025-06-01 19:56:05 +05:30
lscambo13
7935fef648 New: Added rounded corners to subtitles drag and drop box 2025-05-31 12:34:07 -07:00
lscambo13
b466320e3d dev: Updated gradient curves and saved in vars 2025-05-31 12:00:34 -07:00
lscambo13
1fdc7013f3 New: Display 'Read' in the play button for books
New: Updated read icon
2025-05-31 11:55:41 -07:00
lscambo13
bdc6dcbf78 Fix: Centered material icons by default 2025-05-31 11:52:58 -07:00
lscambo13
19b06a1e1e Fix: Reverted 2b18011206 to improve scrolling performance 2025-05-31 08:03:08 -07:00
lscambo13
5e01be31b4 Fix: Prevented the inside border from lighting up while overing cards with footer 2025-05-31 08:01:22 -07:00
lscambo13
e00277056c New: Increased the font size of section titles on desktop and tv layout 2025-05-30 11:10:03 -07:00
lscambo13
729214c2aa Fix: Made the cards with footer bigger on all layout, not just phones 2025-05-30 11:09:00 -07:00
lscambo13
cf9a380643 Fix: Removed the card overlay color as it does not seem necessary with the new hover animation 2025-05-30 11:07:29 -07:00
lscambo13
2eb4be1c97 Fix: Adjusted progress bar corners and background color in active device cards to match the updated thumb cards 2025-05-30 11:04:19 -07:00
lscambo13
aeed15c037 New: Added shadow to card overlay buttons and adjusted alignment a bit 2025-05-30 11:01:11 -07:00
lscambo13
8abe478682 New: Decreased card border brightness slightly
dev: used hardcoded border width for simplicity
2025-05-30 10:59:20 -07:00
lscambo13
92babefef7 New: Removed bottom border radius from poster cards and thumb cards 2025-05-30 10:56:05 -07:00
lscambo13
c73dd94eae dev: updated border color and width variables 2025-05-30 10:49:02 -07:00
lscambo13
0f786f04c8 dev: saved unused code for later reference 2025-05-29 09:49:02 -07:00
lscambo13
59d202b9c6 dev: for debugging 2025-05-29 03:01:26 -07:00
lscambo13
859e30695b dev: decreased the size of cards on the home page 2025-05-29 02:18:36 -07:00
lscambo13
edfee4c2da Fix: Increased the blurred area behind the header 2025-05-29 02:17:47 -07:00
lscambo13
150ff5fab0 New: Made the square cards with footer information bigger on phones
This should prevent extra information from being clipped (affects current TV program, last active on user cards, title information etc).
2025-05-28 09:08:44 -07:00
lscambo13
7fdda3433c New: Brought back three-dot menu on cards on phones
This should allow users to remove items from collections on phones
New: Made the floating mini play button slightly smaller
Fix: card overy button hover effects were not styled on desktops
2025-05-28 09:06:25 -07:00
lscambo13
36ca07cc2d New: Placed the floating mini button to the right of cards on desktop 2025-05-28 09:00:53 -07:00
lscambo13
0f0d8bc1fa New: Allow users to bring back extra card buttons on hover on desktop 2025-05-28 08:56:57 -07:00
lscambo13
fb078c99f7 Fix: Reduced the brightness of the active tab button 2025-05-27 12:16:53 -07:00
lscambo13
fc18af0970 dev: saved unused code for later reference 2025-05-27 12:15:34 -07:00
lscambo13
e41d990830 Fix: Cleaned up code and increased specificity 2025-05-27 12:13:35 -07:00
lscambo13
901c850959 New: Brought back hover effect on cards, but minimally 2025-05-27 11:56:01 -07:00
lscambo13
2b18011206 Fix: Prevented the background gradient from moving 2025-05-27 11:21:39 -07:00
lscambo13
384ce22d67 Fix: Header buttons in focus were being clipped in TV layout 2025-05-26 09:52:26 -07:00
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