REDCODE
5fd338906c
- -*-hover and -*-active now derive from base color using darken(, 15%) / darken(25%) for consistent button behavior - Manual values kept for phash and create-albums (they were already correct)
123 lines
3.6 KiB
CSS
123 lines
3.6 KiB
CSS
.job-summary {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.25rem 0.75rem;
|
|
}
|
|
|
|
.job-summary .badge {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.job-tree-root {
|
|
border: 1px solid var(--bs-border-color, #444);
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.job-tree-group {
|
|
border-left: 2px solid var(--bs-border-color, #444);
|
|
}
|
|
|
|
.job-status-tab {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.4rem;
|
|
}
|
|
|
|
.job-status-tab .tab-badge {
|
|
font-size: 0.65rem;
|
|
padding: 0.1em 0.4em;
|
|
border-radius: 10px;
|
|
min-width: 1.2em;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Custom job type button colors */
|
|
.btn-job-scan {
|
|
--bs-btn-bg: var(--job-scan);
|
|
--bs-btn-border-color: var(--job-scan);
|
|
--bs-btn-color: #fff;
|
|
--bs-btn-hover-bg: var(--job-scan-hover);
|
|
--bs-btn-hover-border-color: var(--job-scan-hover);
|
|
--bs-btn-hover-color: #fff;
|
|
--bs-btn-active-bg: var(--job-scan-active);
|
|
--bs-btn-active-border-color: var(--job-scan-active);
|
|
}
|
|
|
|
.btn-job-meta {
|
|
--bs-btn-bg: var(--job-meta);
|
|
--bs-btn-border-color: var(--job-meta);
|
|
--bs-btn-color: #fff;
|
|
--bs-btn-hover-bg: var(--job-meta-hover);
|
|
--bs-btn-hover-border-color: var(--job-meta-hover);
|
|
--bs-btn-hover-color: #fff;
|
|
--bs-btn-active-bg: var(--job-meta-active);
|
|
--bs-btn-active-border-color: var(--job-meta-active);
|
|
}
|
|
|
|
.btn-job-thumb {
|
|
--bs-btn-bg: var(--job-thumb);
|
|
--bs-btn-border-color: var(--job-thumb);
|
|
--bs-btn-color: #fff;
|
|
--bs-btn-hover-bg: var(--job-thumb-hover);
|
|
--bs-btn-hover-border-color: var(--job-thumb-hover);
|
|
--bs-btn-hover-color: #fff;
|
|
--bs-btn-active-bg: var(--job-thumb-active);
|
|
--bs-btn-active-border-color: var(--job-thumb-active);
|
|
}
|
|
|
|
.btn-job-preview {
|
|
--bs-btn-bg: var(--job-preview);
|
|
--bs-btn-border-color: var(--job-preview);
|
|
--bs-btn-color: #fff;
|
|
--bs-btn-hover-bg: var(--job-preview-hover);
|
|
--bs-btn-hover-border-color: var(--job-preview-hover);
|
|
--bs-btn-hover-color: #fff;
|
|
--bs-btn-active-bg: var(--job-preview-active);
|
|
--bs-btn-active-border-color: var(--job-preview-active);
|
|
}
|
|
|
|
.btn-job-phash {
|
|
--bs-btn-bg: var(--job-phash);
|
|
--bs-btn-border-color: var(--job-phash);
|
|
--bs-btn-color: #fff;
|
|
--bs-btn-hover-bg: var(--job-phash-hover);
|
|
--bs-btn-hover-border-color: var(--job-phash-hover);
|
|
--bs-btn-hover-color: #fff;
|
|
--bs-btn-active-bg: var(--job-phash-active);
|
|
--bs-btn-active-border-color: var(--job-phash-active);
|
|
}
|
|
|
|
.btn-job-persons {
|
|
--bs-btn-bg: var(--job-persons);
|
|
--bs-btn-border-color: var(--job-persons);
|
|
--bs-btn-color: #fff;
|
|
--bs-btn-hover-bg: var(--job-persons-hover);
|
|
--bs-btn-hover-border-color: var(--job-persons-hover);
|
|
--bs-btn-hover-color: #fff;
|
|
--bs-btn-active-bg: var(--job-persons-active);
|
|
--bs-btn-active-border-color: var(--job-persons-active);
|
|
}
|
|
|
|
.btn-job-create-albums {
|
|
--bs-btn-bg: var(--job-create-albums);
|
|
--bs-btn-border-color: var(--job-create-albums);
|
|
--bs-btn-color: #fff;
|
|
--bs-btn-hover-bg: var(--job-create-albums-hover);
|
|
--bs-btn-hover-border-color: var(--job-create-albums-hover);
|
|
--bs-btn-hover-color: #fff;
|
|
--bs-btn-active-bg: var(--job-create-albums-active);
|
|
--bs-btn-active-border-color: var(--job-create-albums-active);
|
|
}
|
|
|
|
.btn-job-integrity {
|
|
--bs-btn-bg: var(--job-integrity);
|
|
--bs-btn-border-color: var(--job-integrity);
|
|
--bs-btn-color: #fff;
|
|
--bs-btn-hover-bg: var(--job-integrity-hover);
|
|
--bs-btn-hover-border-color: var(--job-integrity-hover);
|
|
--bs-btn-hover-color: #fff;
|
|
--bs-btn-active-bg: var(--job-integrity-active);
|
|
--bs-btn-active-border-color: var(--job-integrity-active);
|
|
}
|