michael/ripster
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.12.0-16 misc fixes

Browse Source
This commit is contained in:
mboehmlaender
2026-03-30 14:37:23 +00:00
parent 76b020d5c0
commit 5284dd2a43
30 changed files with 6955 additions and 896 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/app.css
+140 -18
View File
@@ -2575,6 +2575,16 @@ body {
align-items: center;
}
@media (max-width: 1150px) and (min-width: 901px) {
.history-dv-toolbar {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto auto;
}
.history-dv-toolbar > *:first-child {
grid-column: 1 / -1;
}
}
.history-dv-layout-toggle {
display: flex;
justify-content: flex-end;
@@ -3475,6 +3485,23 @@ body {
gap: 0.15rem;
}
.subtitle-footnote-list {
display: grid;
gap: 0.2rem;
margin-top: 0.2rem;
width: 100%;
font-size: 0.72rem;
}
.subtitle-footnote-list .track-action-note {
margin-left: 0;
display: block;
width: 100%;
max-width: none;
line-height: 1.3;
font-size: inherit;
}
.track-action-note {
margin-left: 1.7rem;
color: var(--rip-muted);
@@ -4929,7 +4956,7 @@ body {
.explorer {
display: grid;
grid-template-columns: 260px 1fr;
grid-template-columns: 320px 1fr;
grid-template-rows: 1fr auto;
gap: 0;
border: 1px solid var(--rip-border, #d9bc8d);
@@ -5070,7 +5097,7 @@ body {
.explorer-row {
display: grid;
grid-template-columns: 28px 2fr repeat(2, minmax(80px, 1fr));
grid-template-columns: 28px 2fr minmax(90px, 0.8fr) minmax(90px, 0.8fr) minmax(170px, 1.4fr);
gap: 10px;
align-items: center;
padding: 8px 12px;
@@ -5086,6 +5113,14 @@ body {
border-left: 3px solid var(--primary-color);
padding-left: 9px;
}
.explorer-row.row-active {
background: color-mix(in srgb, var(--primary-color) 18%, transparent);
outline: 1px solid color-mix(in srgb, var(--primary-color) 40%, transparent);
outline-offset: -1px;
}
.explorer-row.row-active.selected {
background: color-mix(in srgb, var(--primary-color) 22%, transparent);
}
.explorer-row.header {
font-size: 11px;
text-transform: uppercase;
@@ -5135,6 +5170,39 @@ body {
}
.explorer-row.header .row-checkbox { pointer-events: none; }
.row-job {
min-width: 0;
text-align: left;
}
.row-job-assignment {
display: inline-block;
max-width: 100%;
font-size: 0.74rem;
color: var(--primary-color, #8e4d2d);
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.row-job-empty {
font-size: 0.74rem;
color: var(--rip-muted, #6a4d38);
}
.explorer-row.row-locked {
opacity: 0.7;
cursor: default;
background: repeating-linear-gradient(
-45deg,
transparent,
transparent 6px,
rgba(0,0,0,0.025) 6px,
rgba(0,0,0,0.025) 12px
) !important;
}
.footer-count {
font-weight: 600;
color: var(--rip-ink, #2f180f);
@@ -5216,6 +5284,20 @@ body {
}
.tree-caret.disabled { width: 18px; flex: 0 0 18px; }
.tree-checkbox {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 18px;
}
.tree-checkbox input[type="checkbox"] {
width: 14px;
height: 14px;
cursor: pointer;
accent-color: var(--primary-color);
border-radius: 3px;
}
.tree-icon.folder { color: var(--rip-brown-700, #6f3922); }
.tree-label { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -5293,9 +5375,7 @@ body {
/* ===== Job Card ===== */
.converter-jobs-list {
display: flex;
flex-direction: column;
gap: 0.75rem;
gap: 0.6rem;
}
.converter-jobs-empty {
@@ -5305,15 +5385,16 @@ body {
.converter-job-card {
border: 1px solid var(--rip-border, #d9bc8d);
border-radius: 8px;
padding: 0.75rem 1rem;
background: var(--rip-panel, #fffaf1);
border-radius: 0.6rem;
padding: 0.6rem 0.7rem;
background: var(--rip-panel-soft, #fdf5e7);
display: flex;
flex-direction: column;
gap: 0.5rem;
gap: 0.6rem;
}
.converter-job-card.status-done {
.converter-job-card.status-done,
.converter-job-card.status-finished {
border-color: var(--green-300, #74c69d);
background: #f6fff9;
}
@@ -5330,7 +5411,7 @@ body {
.converter-job-card-header {
display: flex;
flex-direction: column;
gap: 0.25rem;
gap: 0.3rem;
}
.converter-job-card-title-row {
@@ -5342,7 +5423,7 @@ body {
.converter-job-card-title {
font-weight: 600;
font-size: 0.9rem;
font-size: 0.92rem;
flex: 1;
min-width: 0;
overflow: hidden;
@@ -5351,7 +5432,7 @@ body {
}
.converter-job-card-meta {
font-size: 0.78rem;
font-size: 0.8rem;
color: var(--rip-muted, #6a4d38);
}
@@ -5364,8 +5445,10 @@ body {
.converter-job-card-progress-meta {
display: flex;
justify-content: space-between;
font-size: 0.75rem;
font-size: 0.78rem;
color: var(--rip-muted, #6a4d38);
gap: 0.5rem;
flex-wrap: wrap;
}
.converter-job-card-error {
@@ -5377,7 +5460,7 @@ body {
}
.converter-job-card-output {
font-size: 0.78rem;
font-size: 0.8rem;
color: var(--rip-muted, #6a4d38);
}
@@ -5385,13 +5468,13 @@ body {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
margin-top: 0.25rem;
margin-top: 0.1rem;
}
/* Inline-Konfiguration für READY_TO_START Jobs */
.converter-job-card.is-ready {
border-color: var(--amber-400, #f59e0b);
background: var(--surface-50, #fafaf9);
border-color: #d9b26d;
background: #fff7e8;
}
.cjc-config {
@@ -5438,3 +5521,42 @@ body {
justify-content: flex-end;
padding-top: 0.25rem;
}
.cjc-section-label {
margin: 0 0 0.5rem;
font-size: 0.8rem;
font-weight: 600;
color: var(--rip-muted, #6a4d38);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.converter-mb-results {
border: 1px solid var(--rip-border, #d9bc8d);
border-radius: 6px;
overflow-y: auto;
max-height: 12rem;
margin-bottom: 0.75rem;
}
.converter-mb-result-row {
display: flex;
flex-direction: column;
gap: 0.15rem;
padding: 0.5rem 0.75rem;
cursor: pointer;
border-bottom: 1px solid var(--rip-border, #d9bc8d);
transition: background 0.12s;
}
.converter-mb-result-row:last-child {
border-bottom: none;
}
.converter-mb-result-row:hover {
background: var(--surface-100, #f5f0eb);
}
.converter-mb-result-row.selected {
background: rgba(142, 77, 45, 0.1);
}