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

small UI changes

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-16 18:48:07 +01:00
parent 4614ce4a7a
commit 3b88a1809d
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
Jellyfin.Plugin.Seasonals/Configuration/configPage.html
View File

@@ -88,9 +88,11 @@
<!-- Auto Selection Tab --> <!-- Auto Selection Tab -->
<div id="seasonals-auto-selection" class="seasonals-tab-content" style="display: none;"> <div id="seasonals-auto-selection" class="seasonals-tab-content" style="display: none;">
<div style="background-color: rgba(255, 255, 255, 0.05); border-left: 4px solid #00a4dc; border-radius: 4px; padding: 1em 1.5em; margin-bottom: 1.5em;"> <h3>Auto Selection Rules</h3>
<h3>Auto Selection Rules</h3>
<p>Define rules to automatically select a season based on the date. Rules are evaluated from top to bottom. The first matching rule wins.</p> <div style="background-color: rgba(255, 255, 255, 0.05); border-left: 4px solid #00a4dc; border-radius: 4px; padding: 1em 1.5em; margin: 1.5em 0; display: flex; align-items: center; gap: 1em;">
<i class="material-icons" style="color: #00a4dc; font-size: 24px;">info</i>
<div>Define rules to automatically select a season based on the date. Rules are evaluated from top to bottom. The first matching rule wins.</div>
</div> </div>
<div id="seasonalRulesList"> <div id="seasonalRulesList">
@@ -98,7 +100,7 @@
</div> </div>
<button is="emby-button" type="button" class="raised button-accent block" onclick="SeasonalsConfigPage.addRule();"> <button is="emby-button" type="button" class="raised button-accent block" onclick="SeasonalsConfigPage.addRule();">
<i class="material-icons button-icon button-icon-left">add</i> <i class="material-icons" style="font-size: 24px;">add</i>
<span>Add Rule</span> <span>Add Rule</span>
</button> </button>
</div> </div>
@@ -613,8 +615,7 @@
} }
.seasonal-rule-content { .seasonal-rule-content {
display: grid; display: grid;
/* grid-template-columns: 2fr 1fr 1fr 2fr; */ grid-template-columns: 2fr 1.2fr 1.2fr 2fr;
grid-template-columns: 2fr 1.2fr 1.2fr 1.6fr;
gap: 15px; gap: 15px;
align-items: end; align-items: end;
} }
@@ -639,10 +640,10 @@
border-bottom: 2px solid #00a4dc !important; border-bottom: 2px solid #00a4dc !important;
} }
/* Disabled options in selects /* Disabled options in selects */
select option:disabled { select option:disabled {
color: #a3a3a3 !important; color: #a3a3a3 !important;
} */ }
</style> </style>
<script> <script>
function showSeasonalsTab(tabId, btn) { function showSeasonalsTab(tabId, btn) {
@@ -727,6 +728,7 @@
<option value="santa">Santa</option> <option value="santa">Santa</option>
<option value="autumn">Autumn</option> <option value="autumn">Autumn</option>
<option value="easter">Easter</option> <option value="easter">Easter</option>
<option value="resurrection">Resurrection</option>
</select> </select>
</div> </div>
</div> </div>