CodeDevMLH/Jellyfin-Seasonals-Plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Update version to 1.6.3.0, modify checkbox layout, and adjust popup styles
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 52s
Details

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-03 19:32:34 +01:00
parent 0b4434c51c
commit 5e70621e93
4 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
Jellyfin.Plugin.Seasonals/Web/seasonals.js
View File

@@ -265,12 +265,12 @@ function createSettingsPopup(anchorElement) {
position: 'fixed',
zIndex: '10000',
backgroundColor: '#202020',
padding: '1.5em',
borderRadius: '1em',
padding: '1em',
borderRadius: '0.3em',
boxShadow: '0 0 20px rgba(0,0,0,0.5)',
minWidth: '250px',
minWidth: '200px',
color: '#fff',
maxWidth: '300px'
maxWidth: '250px'
});
const rect = anchorElement.getBoundingClientRect();
@@ -278,7 +278,7 @@ function createSettingsPopup(anchorElement) {
popup.style.right = `${window.innerWidth - rect.right}px`;
popup.innerHTML = `
<div class="checkboxContainer checkboxContainer-withDescription" style="margin-bottom: 1.5em;">
<div class="checkboxContainer checkboxContainer-withDescription" style="margin-bottom: 0.5em;">
<label class="emby-checkbox-label">
<input id="seasonal-enable-toggle" type="checkbox" is="emby-checkbox" class="emby-checkbox" />
<span class="checkboxLabel">Enable Seasonals</span>
@@ -287,7 +287,7 @@ function createSettingsPopup(anchorElement) {
<div class="selectContainer">
<label class="selectLabel" for="seasonal-theme-select" style="margin-bottom: 0.5em; display: block; color: inherit;">Force Theme</label>
<select is="emby-select" id="seasonal-theme-select" class="emby-select-withcolor emby-select" style="width: 100%; padding: 0.5em; background-color: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1); color: inherit; border-radius: 4px;">
<select is="emby-select" id="seasonal-theme-select" class="emby-select-withcolor emby-select" style="width: 100%; padding: 0.5em; background-color: #333; border: 1px solid #444; color: #fff; border-radius: 4px;">
<option value="auto">Auto (Date Based)</option>
</select>
</div>
@@ -310,7 +310,6 @@ function createSettingsPopup(anchorElement) {
themeSelect.value = getSavedSetting('seasonals-theme', 'auto');
// Event Listeners
enabledCheckbox.addEventListener('change', (e) => {
setSavedSetting('seasonals-enabled', e.target.checked);
location.reload();
@@ -321,7 +320,6 @@ function createSettingsPopup(anchorElement) {
location.reload();
});
// Close on click outside
const closeHandler = (e) => {
if (!popup.contains(e.target) && e.target !== anchorElement && !anchorElement.contains(e.target)) {
popup.remove();