Skip to content

Commit

Permalink
refactor: 🎨 Updated styling of progress bars on scheduled tasks page
Browse files Browse the repository at this point in the history
  • Loading branch information
JamsRepos committed Jun 10, 2024
1 parent 664e6c8 commit 75dbcc1
Showing 1 changed file with 17 additions and 17 deletions.
34 changes: 17 additions & 17 deletions theme/base.css
Original file line number Diff line number Diff line change
Expand Up @@ -540,7 +540,8 @@ div[data-role="controlgroup"] a[data-role="button"]:last-child {
.guide-date-tab-button.emby-tab-button-active,
.guide-date-tab-button:focus,
#divRunningTasks span,
.MuiAlert-icon {
.MuiAlert-icon,
.listItemBodyText span {
color: var(--theme-text-colour) !important;
}

Expand Down Expand Up @@ -569,21 +570,6 @@ div[data-role="controlgroup"] a.ui-btn-active,
border-color: var(--theme-base-colour) !important;
}

/* These need to remain seperare for browser compatibility */
progress {
background-color: var(--theme-progress-bar-colour);
}

progress::-moz-progress-bar {
background-color: var(--theme-progress-bar-colour);
}
progress::-webkit-progress-bar {
background-color: var(--theme-progress-bar-colour);
}
progress::-ms-thumb {
background-color: var(--theme-progress-bar-colour);
}

.mdl-slider {
-webkit-appearance: none;
appearance: none;
Expand Down Expand Up @@ -633,17 +619,31 @@ progress::-ms-thumb {
.innerCardFooter .itemProgressBarForeground,
.playbackProgress > div,
.mdl-slider-background-lower,
.iconOsdProgressInner {
.iconOsdProgressInner,
.taskProgressInner,
progress {
background-color: var(--theme-progress-bar-colour) !important;
}

/* These need to remain seperare for browser compatibility */
progress::-moz-progress-bar {
background-color: var(--theme-progress-bar-colour);
}
progress::-webkit-progress-bar {
background-color: var(--theme-progress-bar-colour);
}
progress::-ms-thumb {
background-color: var(--theme-progress-bar-colour);
}

.transcodingProgress > div {
background-color: var(--theme-progress-bar-transcoding-colour) !important;
}

.innerCardFooter .itemProgressBar,
.backgroundProgress > div,
.mdl-slider-background-flex,
.taskProgressOuter,
progress {
background-color: var(--theme-progress-bar-background-colour) !important;
}
Expand Down

0 comments on commit 75dbcc1

Please sign in to comment.