0.12.0-19 Final Build
This commit is contained in:
+186
-40
@@ -13,7 +13,7 @@
|
||||
--rip-muted: #6a4d38;
|
||||
--rip-panel: #fffaf1;
|
||||
--rip-panel-soft: #fdf5e7;
|
||||
--dashboard-side-width: 20rem;
|
||||
--ripper-side-width: 20rem;
|
||||
|
||||
/* PrimeReact theme tokens */
|
||||
--primary-color: var(--rip-brown-600);
|
||||
@@ -318,22 +318,22 @@ body {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.dashboard-3col-grid {
|
||||
.ripper-3col-grid {
|
||||
display: grid;
|
||||
width: 100%;
|
||||
grid-template-columns: var(--dashboard-side-width) minmax(0, 1fr) var(--dashboard-side-width);
|
||||
grid-template-columns: var(--ripper-side-width) minmax(0, 1fr) var(--ripper-side-width);
|
||||
gap: 1rem;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.dashboard-col {
|
||||
.ripper-col {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.dashboard-subpage-content {
|
||||
.ripper-subpage-content {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
@@ -341,21 +341,121 @@ body {
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.dashboard-subpage-content > * {
|
||||
.ripper-subpage-content > * {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.job-inbox-toolbar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.6rem;
|
||||
margin-bottom: 0.85rem;
|
||||
}
|
||||
|
||||
.job-inbox-filter-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.job-inbox-filter.p-button,
|
||||
.job-inbox-filter-active.p-button {
|
||||
border-radius: 999px;
|
||||
}
|
||||
|
||||
.job-inbox-search-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.job-inbox-search-input {
|
||||
width: min(40rem, 100%);
|
||||
}
|
||||
|
||||
.job-inbox-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.6rem;
|
||||
}
|
||||
|
||||
.job-inbox-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.9rem;
|
||||
border: 1px solid var(--surface-border);
|
||||
border-radius: 12px;
|
||||
padding: 0.75rem 0.85rem;
|
||||
background: var(--surface-card);
|
||||
}
|
||||
|
||||
.job-inbox-row-main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.22rem;
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.job-inbox-row-main strong {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.job-inbox-row-main small {
|
||||
color: var(--text-color-secondary);
|
||||
}
|
||||
|
||||
.job-inbox-row-tags {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.job-inbox-row-actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.job-inbox-pagination {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.job-inbox-pagination .p-paginator {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.job-inbox-row {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.job-inbox-row-tags,
|
||||
.job-inbox-row-actions {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.job-inbox-pagination .p-paginator {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.dashboard-3col-grid {
|
||||
.ripper-3col-grid {
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
|
||||
}
|
||||
.dashboard-col-right {
|
||||
.ripper-col-right {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.dashboard-3col-grid {
|
||||
.ripper-3col-grid {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -436,7 +536,7 @@ body {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.dashboard-drive-state {
|
||||
.ripper-drive-state {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
@@ -812,6 +912,18 @@ body {
|
||||
gap: 0.45rem;
|
||||
}
|
||||
|
||||
.pipeline-queue-col.queue-col-running {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.pipeline-queue-col.queue-col-queued {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.pipeline-queue-col.queue-col-idle {
|
||||
order: 3;
|
||||
}
|
||||
|
||||
.pipeline-queue-col h4 {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -1164,12 +1276,12 @@ body {
|
||||
height: 1.9rem;
|
||||
}
|
||||
|
||||
.dashboard-job-list {
|
||||
.ripper-job-list {
|
||||
display: grid;
|
||||
gap: 0.6rem;
|
||||
}
|
||||
|
||||
.dashboard-job-row {
|
||||
.ripper-job-row {
|
||||
width: 100%;
|
||||
border: 1px solid var(--rip-border);
|
||||
border-radius: 0.55rem;
|
||||
@@ -1184,12 +1296,12 @@ body {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dashboard-job-row:hover {
|
||||
.ripper-job-row:hover {
|
||||
border-color: var(--rip-brown-600);
|
||||
background: #fbf0df;
|
||||
}
|
||||
|
||||
.dashboard-job-row-content {
|
||||
.ripper-job-row-content {
|
||||
min-width: 0;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
@@ -1197,27 +1309,27 @@ body {
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.dashboard-job-row-main {
|
||||
.ripper-job-row-main {
|
||||
display: grid;
|
||||
gap: 0.3rem;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.dashboard-job-row-main strong,
|
||||
.dashboard-job-row-main small {
|
||||
.ripper-job-row-main strong,
|
||||
.ripper-job-row-main small {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dashboard-job-title-line {
|
||||
.ripper-job-title-line {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.dashboard-job-title-line > span {
|
||||
.ripper-job-title-line > span {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@@ -1231,17 +1343,17 @@ body {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.dashboard-job-row-progress {
|
||||
.ripper-job-row-progress {
|
||||
grid-column: 1 / -1;
|
||||
display: grid;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
|
||||
.dashboard-job-row-progress .p-progressbar {
|
||||
.ripper-job-row-progress .p-progressbar {
|
||||
height: 0.42rem;
|
||||
}
|
||||
|
||||
.dashboard-job-row-progress small {
|
||||
.ripper-job-row-progress small {
|
||||
color: var(--rip-muted);
|
||||
white-space: normal;
|
||||
}
|
||||
@@ -1367,7 +1479,7 @@ body {
|
||||
margin-top: 0.15rem;
|
||||
}
|
||||
|
||||
.dashboard-job-badges {
|
||||
.ripper-job-badges {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.35rem;
|
||||
@@ -1422,7 +1534,7 @@ body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dashboard-job-poster-fallback {
|
||||
.ripper-job-poster-fallback {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -1431,7 +1543,7 @@ body {
|
||||
background: #f6ebd6;
|
||||
}
|
||||
|
||||
.dashboard-job-expanded {
|
||||
.ripper-job-expanded {
|
||||
border: 1px solid var(--rip-border);
|
||||
border-radius: 0.6rem;
|
||||
padding: 0.6rem;
|
||||
@@ -1440,14 +1552,14 @@ body {
|
||||
gap: 0.6rem;
|
||||
}
|
||||
|
||||
.dashboard-job-expanded-head {
|
||||
.ripper-job-expanded-head {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.dashboard-job-expanded-title {
|
||||
.ripper-job-expanded-title {
|
||||
display: grid;
|
||||
gap: 0.35rem;
|
||||
flex: 1;
|
||||
@@ -1885,7 +1997,27 @@ body {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Per-drive CD sections in Dashboard */
|
||||
.converter-scan-extensions-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(7.2rem, 1fr));
|
||||
gap: 0.45rem 0.7rem;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
|
||||
.converter-scan-extension-option {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.converter-scan-extension-option span {
|
||||
font-family: monospace;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
/* Per-drive CD sections in Ripper */
|
||||
/* Unified per-drive list (Disk-Information card) */
|
||||
.drive-list {
|
||||
display: flex;
|
||||
@@ -3082,18 +3214,18 @@ body {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.dashboard-downloads-row {
|
||||
.ripper-downloads-row {
|
||||
border-top: 1px solid var(--surface-border);
|
||||
padding-top: 0.75rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.dashboard-downloads-row h4 {
|
||||
.ripper-downloads-row h4 {
|
||||
margin: 0 0 0.45rem;
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
|
||||
.dashboard-downloads-meta {
|
||||
.ripper-downloads-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
@@ -3802,15 +3934,15 @@ body {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.dashboard-job-row {
|
||||
.ripper-job-row {
|
||||
grid-template-columns: 48px minmax(0, 1fr) auto;
|
||||
}
|
||||
|
||||
.dashboard-job-badges {
|
||||
.ripper-job-badges {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.dashboard-job-expanded-head {
|
||||
.ripper-job-expanded-head {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
@@ -3987,18 +4119,18 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dashboard-job-row {
|
||||
.ripper-job-row {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.dashboard-job-row .poster-thumb,
|
||||
.dashboard-job-row .dashboard-job-poster-fallback {
|
||||
.ripper-job-row .poster-thumb,
|
||||
.ripper-job-row .ripper-job-poster-fallback {
|
||||
width: 52px;
|
||||
height: 76px;
|
||||
}
|
||||
|
||||
.dashboard-job-row-main strong,
|
||||
.dashboard-job-row-main small {
|
||||
.ripper-job-row-main strong,
|
||||
.ripper-job-row-main small {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
@@ -4007,7 +4139,7 @@ body {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.dashboard-job-title-line > span {
|
||||
.ripper-job-title-line > span {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
@@ -5248,6 +5380,20 @@ body {
|
||||
border-radius: 0 0 11px 11px;
|
||||
}
|
||||
|
||||
.explorer-loading,
|
||||
.explorer-empty {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
min-height: 180px;
|
||||
gap: 0.55rem;
|
||||
}
|
||||
|
||||
.audiobook-output-explorer .audiobook-output-row {
|
||||
grid-template-columns: minmax(180px, 2fr) minmax(96px, 0.8fr) minmax(160px, 1.2fr);
|
||||
}
|
||||
|
||||
/* ── Icon-Button (wie Klangkiste) ────────────────────────────────────────── */
|
||||
|
||||
.icon-button {
|
||||
|
||||
Reference in New Issue
Block a user