Enhance select elements in date range group with consistent styling

This commit is contained in:
CodeDevMLH
2026-02-16 23:36:08 +01:00
parent b64e80fd60
commit 142f538939

View File

@@ -732,13 +732,13 @@
<div class="date-range-group"> <div class="date-range-group">
<div class="selectContainer" style="margin:0; flex: 1;"> <div class="selectContainer" style="margin:0; flex: 1;">
<label class="selectLabel">Start Day</label> <label class="selectLabel">Start Day</label>
<select is="emby-select" class="rule-start-day" style="width: 100%;"> <select class="emby-select emby-select-withcolor rule-start-day" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
${getOptions(days, startDay)} ${getOptions(days, startDay)}
</select> </select>
</div> </div>
<div class="selectContainer" style="margin:0; flex: 1;"> <div class="selectContainer" style="margin:0; flex: 1;">
<label class="selectLabel">Month</label> <label class="selectLabel">Month</label>
<select is="emby-select" class="rule-start-month" style="width: 100%;"> <select class="emby-select emby-select-withcolor rule-start-month" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
${getOptions(months, startMonth)} ${getOptions(months, startMonth)}
</select> </select>
</div> </div>
@@ -747,13 +747,13 @@
<div class="date-range-group"> <div class="date-range-group">
<div class="selectContainer" style="margin:0; flex: 1;"> <div class="selectContainer" style="margin:0; flex: 1;">
<label class="selectLabel">End Day</label> <label class="selectLabel">End Day</label>
<select is="emby-select" class="rule-end-day" style="width: 100%;"> <select class="emby-select emby-select-withcolor rule-end-day" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
${getOptions(days, endDay)} ${getOptions(days, endDay)}
</select> </select>
</div> </div>
<div class="selectContainer" style="margin:0; flex: 1;"> <div class="selectContainer" style="margin:0; flex: 1;">
<label class="selectLabel">Month</label> <label class="selectLabel">Month</label>
<select is="emby-select" class="rule-end-month" style="width: 100%;"> <select class="emby-select emby-select-withcolor rule-end-month" style="width: 100%; -webkit-appearance: menulist; appearance: menulist;">
${getOptions(months, endMonth)} ${getOptions(months, endMonth)}
</select> </select>
</div> </div>