mirror of
https://github.com/plexguide/Huntarr.git
synced 2026-01-01 08:23:13 -06:00
b96a100cad
- Updated countdown CSS to use data attributes for the refreshing state instead of the non-standard :contains selector, improving compatibility. - Enhanced dropdown styling for resume and pause actions by using data attributes, ensuring consistent UI behavior. - Removed obsolete JavaScript file references in the HTML template, consolidating functionality into main scripts for better organization.
68 lines
1.8 KiB
CSS
68 lines
1.8 KiB
CSS
/* Custom dropdown menu label overrides - Change Resume/Pause to Enable/Disable */
|
|
|
|
/* First approach: Hide the original text and replace with new labels using CSS */
|
|
.scheduleAction-option[data-value="resume"],
|
|
.scheduleAction-option[data-value="pause"] {
|
|
position: relative;
|
|
}
|
|
|
|
.scheduleAction-option[data-value="resume"]:after {
|
|
content: "Enable";
|
|
position: absolute;
|
|
left: 25px;
|
|
top: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.scheduleAction-option[data-value="pause"]:after {
|
|
content: "Disable";
|
|
position: absolute;
|
|
left: 25px;
|
|
top: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.scheduleAction-option[data-value="resume"] > span:not(.checkmark),
|
|
.scheduleAction-option[data-value="pause"] > span:not(.checkmark) {
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Alternative approach: Target text nodes directly */
|
|
div:has(> .scheduleAction-menu) .scheduleAction-option:nth-child(2) {
|
|
content: "Enable";
|
|
}
|
|
|
|
div:has(> .scheduleAction-menu) .scheduleAction-option:nth-child(3) {
|
|
content: "Disable";
|
|
}
|
|
|
|
/* Target the existing UI elements that might be showing Resume/Pause */
|
|
[data-action="resume"]:not(option):not(.scheduleAction-option)::after {
|
|
content: "Enable" !important;
|
|
visibility: visible !important;
|
|
}
|
|
|
|
.schedule-item-action[data-action="resume"] {
|
|
background-color: #e7f3e7 !important;
|
|
border-color: #4CAF50 !important;
|
|
}
|
|
|
|
[data-action="pause"]:not(option):not(.scheduleAction-option)::after {
|
|
content: "Disable" !important;
|
|
visibility: visible !important;
|
|
}
|
|
|
|
.schedule-item-action[data-action="pause"] {
|
|
background-color: #fff3e0 !important;
|
|
border-color: #ff9800 !important;
|
|
}
|
|
|
|
/* Activity Control dropdown styling */
|
|
.scheduleAction-header[data-type="activity-control"] {
|
|
display: flex !important;
|
|
}
|