119 Commits

Author SHA1 Message Date
lscambo13
cfd2811bb5 RELEASE: ElegantFin v25.01.03 2025-01-04 07:30:57 -08:00
lscambo13
ea4fe17e61 dev: Finalize v25.01.03 2025-01-02 11:45:23 -08:00
lscambo13
039eb70ae6 Fix: Scroll buttons were too close to the cards in My Media section on the home screen 2025-01-02 11:34:12 -08:00
lscambo13
ba38dc5d4d Fix: Prevent styles from applying to list icons with transparent backgrounds 2025-01-02 10:09:31 -08:00
lscambo13
0bf21ae4a0 Fix: Prevent early list wrapping in some cases 2025-01-02 10:08:04 -08:00
lscambo13
f7843b9cb5 New: Added colored outline to input boxes that are in focus 2025-01-02 10:06:51 -08:00
lscambo13
d763c5d8f2 Fix: Updated Continue Watching section's progress bar color 2025-01-02 08:58:19 -08:00
lscambo13
90344ea57e Merge pull request #28 from Tormak9970/dashboard-icons
Feat: Styled Additional Dashboard icons & Metadata Save Button
2025-01-02 22:22:50 +05:30
lscambo13
1c7c9236aa Merge pull request #27 from KeyboardDabbler/replace-chevronRight
update: replace chevron_right with svg
2025-01-02 22:09:13 +05:30
Travis Lane
8277988cb6 chore: removed unrelated change 2025-01-01 23:09:55 -06:00
Travis Lane
341e8bc381 fix: scoped styles to apply to more icons and themed metadata save button 2025-01-01 23:09:39 -06:00
keyboarddabbler
8eccecfceb update: replace chevron_right with svg 2025-01-02 16:54:23 +13:00
lscambo13
646dae0b7b Fix: Adjusted the width of My Media (Small) buttons to prevent wrapping on small screens 2025-01-01 11:42:30 -08:00
lscambo13
41468099fc New: Themed the Up Next dialog box 2025-01-01 11:26:17 -08:00
lscambo13
5245f3a8e5 New: Refreshed the hover effect on media cards on desktop
Fix: Reworkd how borders on cards are styled to aliasing around the edges
Fix: Adjusted the width of thumb cards on phones
2025-01-01 10:12:03 -08:00
lscambo13
11a19d4689 Fix: Item selection checkbox height was not set in some cases 2025-01-01 10:00:19 -08:00
lscambo13
379062d92d Fix: Removed excess bottom padding from side navigation panel to prevent oveflow 2024-12-30 09:30:38 -08:00
lscambo13
03a0246173 dev: Removed redundant code 2024-12-28 10:43:54 -08:00
lscambo13
8ffa28de7e dev: Modified activeColor to be opaque 2024-12-28 10:40:22 -08:00
lscambo13
8ac698929b Fix: Prevent slight misalignment in text below media title 2024-12-28 10:28:51 -08:00
lscambo13
e883ebde72 New: Camouflaged progress bar in active device card when media is not playing
New: Updated colors
dev: Rearranged code
2024-12-28 10:20:21 -08:00
lscambo13
130ad3a35b Fix: Removed excess padding on check icons in context menus
Fix: Adjusted min-width even more
2024-12-28 08:30:00 -08:00
lscambo13
005264f1a4 Fix: Adjusted min-width of dialog boxes to avoid overflow and clipping 2024-12-28 08:25:53 -08:00
lscambo13
651ceacb48 Fix: Progress bar styling was not applying correctly on Chromium-based browsers 2024-12-28 08:03:05 -08:00
lscambo13
165cf7634a Merge pull request #20 from Tormak9970/progress-bar
chore: added background styling to progress bar in edge
2024-12-28 20:30:46 +05:30
Travis Lane
80e01f6494 chore: added background styling to progress bar in edge 2024-12-27 17:01:49 -05:00
lscambo13
022552d620 Fix: Prevent overflow on the progress bar 2024-12-27 10:15:42 -08:00
lscambo13
5347a360b9 Merge pull request #19 from Tormak9970/progress-bar
Add Progress Bar (#16)
2024-12-27 22:54:17 +05:30
lscambo13
37b67dead1 Fix: Workaround for missing progress bars on active device card in Dashboard 2024-12-27 09:09:52 -08:00
lscambo13
e17e918e09 Fix: Prevent hover effect on disabled drop-down menus 2024-12-27 08:40:37 -08:00
lscambo13
841393f1bd Fix: Reduced the size of mini play button on desktop
dev: Code cleanup
2024-12-27 08:11:03 -08:00
Travis Lane
02dae71880 fix: address progress bar styling, #16 2024-12-26 20:46:02 -05:00
Travis Lane
17cf180851 fix: made padding the same on top, left, and bottom of episodes 2024-12-26 20:13:14 -05:00
lscambo13
f9fe918fda Fixed: Show thumb cards in landscape mode on phones
dev: Reorganised some entries
2024-12-26 10:53:54 -08:00
lscambo13
ba6f376173 New: Added hover effects to chapter cards and checkboxes
dev: Reorganised some entries
2024-12-26 10:22:54 -08:00
lscambo13
23ad03be9f Fix: Prevent overlapping of mini buttons 2024-12-26 09:13:32 -08:00
lscambo13
32f877bed6 New: Mini play buttons on cards are back with a fresh coat of paint 2024-12-26 09:07:33 -08:00
lscambo13
7ec5c4a35e Fix: Made hover overlay slightly brighter to compensate for the lack of blend mode 2024-12-26 09:02:07 -08:00
lscambo13
33f9b007f6 Fix: Disabled blend effect to fix non-working blur effect
Fix: Made overlay slightly brighter to compensate for the lack of blend mode
2024-12-26 09:01:15 -08:00
lscambo13
d8e026e227 New: Added rounded corners to playback statistics box
Fix: Adjusted border color of itemProgressBar
2024-12-26 06:25:09 -08:00
lscambo13
b47314e482 Fix: Updated progress bars in Continue Watching section on the home screen
They were too faded and transluscent in my original design
2024-12-24 09:16:52 -08:00
lscambo13
44b04a5392 New: Styled the focus states of checkboxes, particularly noticeable in TV layout
New: Styled the checkbox colors and outlines by taking cues from Jellyseerr
dev: Reorganised the file to place similar code blocks together and to avoid code repetition in some areas
2024-12-24 08:42:51 -08:00
lscambo13
c8ed881184 Fix: Reduced right side content padding on Play button 2024-12-24 08:37:28 -08:00
lscambo13
80fd3026ed dev: Performed formatting 2024-12-24 08:34:23 -08:00
Travis Lane
fa2dcc9cab Feat: Second Batch of Fixes / Changes (#14)
* fix: subtitles section label now has rounded corners

* fix: select font family is now applied properly

There has to be a better solution than using !important, but I can't figure out what's overriding it without !important

* fix: added right side padding to the play button on the media details page

* chore: tweaked centering of play button

* fix: added jellyseer color gradient to info banner

The infoBanner class is used on the file path selection modal

* fix: changed the size of the slider tooltips to not be comically large

* chore: added text-shadow I forgot

* fix: checkbox icon no longer overlays borders

* fix: adjusted checkbox background and borders

* fix: networking section outlines now match the rest of the theme

* fix: added appearance of padding to section title buttons that are left-aligned

* fix: section title buttons now match Jellyseer

* feat: added styling for activity table

* feat: added styles for mui modals

* chore: first batch of pr adjustments

* fix: scoped checkboxes to not include library multi select

* chore: addressed playBtn feedback

* chore: removed long font def from select options

* chore: fixed infoBanner

* chore: switched margin-top to place-content
2024-12-24 08:28:49 -08:00
lscambo13
93ca788eea New: Themed the loading spinner slightly 2024-12-22 21:29:18 +05:30
lscambo13
a175b1e738 Fix: Extra padding in some elements was unintended 2024-12-22 21:28:40 +05:30
lscambo13
e7ff77eaf3 Fix: Some dialog box headings were not centered 2024-12-22 21:26:59 +05:30
lscambo13
944eb4e461 Fix: Restored styling on notification icons in Dashboard 2024-12-22 21:25:40 +05:30
lscambo13
00df125088 New: Subtle font color changes in the media page for better design hierarchy 2024-12-22 20:09:37 +05:30
lscambo13
86043467de New: Tagline is in italics, again 2024-12-22 19:53:44 +05:30
lscambo13
c3108fab74 Fix: enforce the back button clipping fix only on TV layout 2024-12-21 21:58:58 +05:30
lscambo13
d30ab165fe Fixes: Readjusted the main media page layout for mobile and desktop separately
- backdrop image was flickering on open the media page on mobile phones
- styles were not applying in landscape mode and tablet screen sizes
- visual glitches while loading on desktop
- as a bonus, you can see more of the backdrop on desktop now which looks nicer
2024-12-21 21:39:32 +05:30
lscambo13
8b0a341c52 New :Added a slight background blur on main media buttons 2024-12-21 21:23:57 +05:30
lscambo13
20ec8f131d Fix: Prevent the expanded header from overlapping page content in TV layout on some resolutions 2024-12-21 21:21:32 +05:30
lscambo13
8b60a8d3c4 Fix: Back button was being clipped in focus state in TV layout 2024-12-21 21:18:13 +05:30
lscambo13
7ff5766cee Fix: Reduce card size if the screen is landscape and short in height 2024-12-20 12:57:29 -08:00
lscambo13
518a393135 RELEASE: ElegantFin v24.12.20 2024-12-20 10:08:39 -08:00
lscambo13
5ef230359b dev: PR template 2024-12-20 09:48:27 -08:00
lscambo13
787861b612 Merge branch 'pr-13' 2024-12-20 09:01:35 -08:00
lscambo13
f00251df35 Fix: To avoid overlap with other header elements in TV layout, prevent moving section tabs upwards, and retain the default behaviour. By default on TV layout, this shift happens when the width is greater than 100em. 2024-12-20 08:38:29 -08:00
lscambo13
2cad85f2a9 New: Shift the library and home page content upwards when section tabs move up 2024-12-20 08:33:51 -08:00
Travis Lane
a373e7efcd fix: select options are now properly styled 2024-12-19 19:57:27 -05:00
Travis Lane
fa47dd7ab9 fix: library header now maintains its size on smaller screens 2024-12-19 18:33:19 -05:00
Travis Lane
b3e2189b42 Merge pull request #1 from lscambo13/main
chore: bring up to  date with remote
2024-12-19 18:11:09 -05:00
lscambo13
2ec9fee511 dev: Cleaned unused code 2024-12-19 11:58:54 -08:00
lscambo13
1899b95512 Updated FAQ 2024-12-19 10:39:07 -08:00
lscambo13
349ba3aa98 Fix: Avoid applying the new font in Dashboard footer to retain the original Jellyfin branding 2024-12-19 10:12:06 -08:00
lscambo13
34d3e93380 Fix: Styled focus effect on header buttons in TV layout 2024-12-19 09:48:10 -08:00
lscambo13
1174801b8e Fix: Reworked media page layout to prevent abnormally large 2024-12-19 09:25:19 -08:00
lscambo13
50bcb36466 Fix: Set a minimum width on dialog boxes to prevent overlaps in case of little content inside 2024-12-19 09:21:06 -08:00
lscambo13
b9e9deb9d1 Fix: Prevent card overflow on small screens 2024-12-19 09:06:38 -08:00
lscambo13
1d50e2b673 dev: Use em instead of rem for consistency with other units 2024-12-19 08:53:28 -08:00
Travis Lane
fca483fe5a fix: centered and resized scroll buttons 2024-12-18 20:23:33 -05:00
lscambo13
95d5e463ad Fix: Trying to fix the color in focused state of submit buttons 2024-12-18 12:26:28 -08:00
lscambo13
a5f7a5aa16 New: Styled the sidebar in Dashboard 2024-12-18 11:58:45 -08:00
lscambo13
00f17f3988 New: Styled focus and hover states of mini buttons in dialog boxes 2024-12-18 11:57:09 -08:00
lscambo13
6df939e333 New: Styled search and add buttons next to drop-down lists as found in some dialog boxes 2024-12-18 11:55:50 -08:00
lscambo13
2833a88b6f Fix: Delete media heading was not centered 2024-12-18 11:54:28 -08:00
lscambo13
3e233ec887 New: Rounded border in drop zones for subtitles and images 2024-12-18 11:53:43 -08:00
lscambo13
9aabdeb4bd Fix: Icon in browse button in 'Add Image/Subtitle' dialogs did not have a padding 2024-12-18 11:52:57 -08:00
lscambo13
c415f7dfcf Fix: Color was not changing when hovering over hyperlinks 2024-12-18 11:51:17 -08:00
lscambo13
21e5fb77f9 New: Added margin and corner radius to active TV program in Guide section 2024-12-18 09:50:55 -08:00
lscambo13
ec4c652632 New: Hover effect on alpha-numeric picker in library sections 2024-12-18 09:49:35 -08:00
lscambo13
c5dd0ac6b2 Fix: Adjusted progress bar indicator color 2024-12-18 09:48:00 -08:00
lscambo13
466a321f93 dev: Calculate negative border offset using variables for certain elements 2024-12-18 08:50:55 -08:00
lscambo13
9b5000ec26 dev: Control border width using variables 2024-12-18 08:36:56 -08:00
lscambo13
84fb11ff79 dev: Control border radius using variables 2024-12-18 08:22:05 -08:00
lscambo13
aa9d2c9422 New: Styled active TV program color in Guide section 2024-12-18 08:21:27 -08:00
lscambo13
718f6e2e10 dev: Code cleanup 2024-12-18 08:02:21 -08:00
lscambo13
8df87128ca Fix: Adjusted media rating icon dimensions for smaller screens 2024-12-18 07:49:32 -08:00
lscambo13
4bc9489755 Fix: Make borders opaque to prevent issues when they overlap 2024-12-18 07:47:53 -08:00
lscambo13
c51950ea97 Fix: Adjusted media rating icon to be more proportional/balanced 2024-12-17 12:51:27 -08:00
lscambo13
e225a0ed10 Fix: Text in Play button was not completely vertically aligned 2024-12-17 12:49:48 -08:00
lscambo13
3f4e73b0cf Fix: Updated font properties from Google Fonts 2024-12-17 12:48:15 -08:00
lscambo13
660830954f Fix: Some layout adjustments for more uniform layout on smaller screens 2024-12-17 10:25:56 -08:00
lscambo13
8c532c1718 Fix: Adjusted margin toprevent backdrops in media pages from going under the header 2024-12-17 10:25:00 -08:00
lscambo13
15afb1f3dd Fix: Adjusted the main title margins in media page to avoid unnecessary overflows 2024-12-17 09:52:40 -08:00
lscambo13
67e60517fe New: Redesigned layout of browse and search buttons next to input fields
New: Updated color of hyperlinks to be more in line with other elements
2024-12-17 09:35:21 -08:00
lscambo13
7c494ac0c3 New: More consistent colors in active state on header buttons 2024-12-17 09:32:03 -08:00
lscambo13
215b120765 Fix: Moved drop-down menu arrows slightly up for proper vertical alignment 2024-12-17 09:29:38 -08:00
lscambo13
4a514130a0 New: Removed italic font style from taglines 2024-12-17 09:26:49 -08:00
lscambo13
f1eac23a85 New: More consistent colors when hovering over or focusing on header buttons and drop-down lists 2024-12-17 08:16:43 -08:00
lscambo13
6c99c38b3b New: Switch to the same font (Inter) used in Jellyseerr 2024-12-17 08:13:52 -08:00
lscambo13
69d44e326d Fix: User cards on login screen were not centered 2024-12-15 19:24:45 +05:30
lscambo13
2d1a030588 Fix: Adjust focus border on header tabs for bigger TVs 2024-12-15 19:21:40 +05:30
lscambo13
cc04dc701f New: Theme TV layout for more consistency
Fix: Border on focused cards and buttons on TV layout was barely visible
2024-12-15 19:13:04 +05:30
lscambo13
d2eff75316 Fix: Media page was clipped on TV layout 2024-12-15 19:06:50 +05:30
lscambo13
916be398f7 Fix: Trying to avoid content clipping on certain screen sizes 2024-12-11 09:55:58 -08:00
lscambo13
80d3c11acc Fix: Adjusted active session card width to mimic Jellyfin's default behaviour on smaller screens 2024-12-11 09:27:13 -08:00
lscambo13
e253ea8f73 Fix: Hide border in details table if it is empty
Fix: Hide overflowing bottom border seen sometimes in episode page
2024-12-11 09:09:59 -08:00
lscambo13
647f4e5dca Fix: Arrow icon sizes were inconsistent in section headings 2024-12-11 09:07:15 -08:00
lscambo13
4d4a0a05dc Fix: Preventing portrait cards from becoming abnormally large.
Fix: Square cards in Live TV section were overflowing. Setting a smaller width fixes it.
2024-12-11 07:49:56 -08:00
lscambo13
8198d42760 Fix: Horizonal scroll lists were ending at the edge of the screen. Using padding instead of margin fixes it. 2024-12-11 07:47:23 -08:00
lscambo13
f21a480fc1 Updated README.md 2024-12-10 10:57:26 -08:00
lscambo13
35ac4e7d9f Merge branch 'main' of https://github.com/lscambo13/ElegantFin 2024-12-10 10:52:53 -08:00
lscambo13
82475f862d Updated README.md 2024-12-10 10:52:36 -08:00
lscambo13
0abd72c022 Update issue templates 2024-12-10 10:48:44 -08:00
lscambo13
8426b36708 Update issue templates 2024-12-10 10:43:03 -08:00
9 changed files with 3177 additions and 214 deletions

36
.github/ISSUE_TEMPLATE/bug_report.md vendored Normal file
View File

@@ -0,0 +1,36 @@
---
name: Bug report
about: Create a report to help us improve
title: ''
labels: ''
assignees: ''
---
**Describe the bug**
A clear and concise description of what the bug is.
**Expected behavior**
A clear and concise description of what you expected to happen.
**Screenshots**
If applicable, add screenshots to help explain your problem.
**ElegantFin:**
- Version [e.g. 24.12.11]
**Desktop (please complete the following information):**
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
- Screen Resolution [e.g. 1920x1080]
**Smartphone or TV (please complete the following information):**
- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version [e.g. 22]
**Additional context**
Add any other context about the problem here.

View File

@@ -0,0 +1,20 @@
---
name: Feature request
about: Suggest an idea for this project
title: ''
labels: ''
assignees: ''
---
**Is your feature request related to a problem? Please describe.**
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
**Describe the solution you'd like**
A clear and concise description of what you want to happen.
**Describe alternatives you've considered**
A clear and concise description of any alternative solutions or features you've considered.
**Additional context**
Add any other context or screenshots about the feature request here.

28
.github/pull_request_template.md vendored Normal file
View File

@@ -0,0 +1,28 @@
# Description
Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context.
Fixes # (issue)
## Type of change
- [ ] Bug fix
- [ ] New feature
# How Has This Been Tested?
Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration.
**Test Configuration**:
* Jellyfin server version:
* Jellyfin client:
* Client browser name and version:
* Device:
# Checklist:
- [ ] I have performed a self-review of my own code
- [ ] I have commented my code in hard-to-understand areas
- [ ] I have included relevant comparison screenshots where nececssary
- [ ] I have tested my changes on the TV layout and Default layout of Jellyfin
- [ ] I have also tested my changes on multiple devices and screen sizes

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
/tmp.txt

View File

@@ -79,7 +79,7 @@ https://github.com/user-attachments/assets/7a492f89-9c82-4038-a07a-a9a59e4f8eef
<summary>1⃣ - <i>How do I check if I am using the latest version on ElegantFin?</i></summary> <summary>1⃣ - <i>How do I check if I am using the latest version on ElegantFin?</i></summary>
- To make sure that you are using the latest version of ElegantFin, check the version number at the bottom in the Dashboard screen. - To make sure that you are using the latest version of ElegantFin, check the version number at the bottom in the Dashboard screen.
- I should be something like ElegantFin v24.12.XX - It should be something like ElegantFin v24.12.XX
</details> </details>
<details> <details>
@@ -93,21 +93,17 @@ https://github.com/user-attachments/assets/7a492f89-9c82-4038-a07a-a9a59e4f8eef
</details> </details>
<details> <details>
<summary>3⃣ - <i>Why do I notice many visual bugs and inconsistencies where other users seem to have no problem?</i></summary> <summary>3⃣ - <i>Why do I notice visual bugs and inconsistencies on Jellyfin Media Player?</i></summary>
- Are you using Jellyfin Media Player? That is why. JMP seems to be using a different or probably an older version of web engine. I am working on adding workarounds, but the progress is slow. - Currently JMP uses Qt 5.x which uses an outdated web engine, so many new CSS features do not work. Once they release a new version based on Qt 6.x, most issues should automatically be resolved. Until then, I advise using the web app instead.
- Are you not using JMP and still facing issues? See the 4th point below. - Are you not using JMP and still facing issues? See the 4th point below.
</details> </details>
<details> <details>
<summary>4⃣ - <i>How do I report bugs/issues?</i></summary> <summary>4⃣ - <i>How do I report bugs/issues?</i></summary>
First check [here](https://github.com/lscambo13/ElegantFin/issues?q=) whether a similar issue has been reported already. If it exists, upvote and comment there to let me know. Alternatively, create a new issue [here](https://github.com/lscambo13/ElegantFin/issues/new) and include the following information: - First check [here](https://github.com/lscambo13/ElegantFin/issues?q=) whether a similar issue has been reported already. If it exists, upvote and comment there to let me know.
- [A] Problem description, - Alternatively, create a new issue [here](https://github.com/lscambo13/ElegantFin/issues/new/choose).
- [B] ElegantFin version,
- [C] Jellyfin client's platform and version,
- [D] Client's resolution, and
- [E] any accompanying screenshot.
</details> </details>

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff