Rephl3x/Magent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add exact media replacement from issues
Magent CI/CD / verify (push) Canceled after 6m9s
Details
Magent CI/CD / deploy-prod (push) Canceled after 0s
Details
Magent CI/CD / deploy-beta (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
Assclaw
2026-08-31 22:05:11 +12:00
parent f8770cb44a
commit ec8145a58a
7 changed files with 979 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/ops-redesign.css
+220
View File
@@ -2743,6 +2743,204 @@ button:disabled,
grid-column: span 2;
}
.issue-media-finder {
display: grid;
gap: 11px;
padding: 14px;
border: 1px solid var(--ops-line-soft);
border-radius: var(--ops-radius-lg);
background: rgba(255, 255, 255, 0.018);
}
.issue-media-search-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
}
.issue-media-search-row button {
min-width: 120px;
}
.issue-media-results {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
max-height: 410px;
overflow: auto;
padding-right: 2px;
}
.issue-media-result {
display: grid;
grid-template-columns: 54px minmax(0, 1fr);
align-items: center;
gap: 10px;
min-width: 0;
padding: 8px;
border: 1px solid var(--ops-line-soft);
border-radius: var(--ops-radius);
background: rgba(255, 255, 255, 0.022);
color: var(--ops-text);
text-align: left;
}
.issue-media-result:hover {
border-color: rgba(126, 215, 255, 0.42);
background: rgba(14, 165, 233, 0.07);
}
.issue-media-result > span:last-child {
display: grid;
gap: 3px;
min-width: 0;
}
.issue-media-result small,
.issue-media-result b,
.issue-selected-media small {
color: var(--ops-muted);
font-size: 0.64rem;
font-weight: 600;
}
.issue-media-result b {
color: var(--request-green);
}
.issue-media-poster {
display: grid;
place-items: center;
width: 54px;
height: 80px;
overflow: hidden;
border: 1px solid var(--ops-line-soft);
border-radius: calc(var(--ops-radius) - 2px);
background: rgba(255, 255, 255, 0.025);
}
.issue-media-poster img {
width: 100%;
height: 100%;
object-fit: cover;
}
.issue-media-poster i {
color: var(--ops-muted);
font-size: 0.58rem;
font-style: normal;
text-align: center;
}
.issue-selected-media {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 13px;
border: 1px solid rgba(72, 224, 178, 0.34);
border-radius: var(--ops-radius);
background: rgba(72, 224, 178, 0.055);
}
.issue-selected-media > div {
display: grid;
gap: 3px;
}
.issue-file-picker {
display: grid;
gap: 11px;
padding: 14px;
border: 1px solid rgba(126, 215, 255, 0.25);
border-radius: var(--ops-radius);
background: rgba(14, 165, 233, 0.035);
}
.issue-file-picker > div:first-child {
display: grid;
gap: 3px;
}
.issue-file-picker h3,
.issue-file-picker p {
margin: 0;
}
.issue-file-picker p {
color: var(--ops-muted);
font-size: 0.72rem;
}
.issue-file-list {
display: grid;
gap: 7px;
max-height: 340px;
overflow: auto;
padding-right: 2px;
}
.issue-file-list > label {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
min-width: 0;
padding: 10px;
border: 1px solid var(--ops-line-soft);
border-radius: var(--ops-radius);
background: rgba(255, 255, 255, 0.022);
cursor: pointer;
}
.issue-file-list > label.is-selected {
border-color: rgba(72, 224, 178, 0.45);
background: rgba(72, 224, 178, 0.055);
}
.issue-file-list > label > span {
display: grid;
gap: 2px;
min-width: 0;
}
.issue-file-list strong,
.issue-file-list small {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.issue-file-list small,
.issue-file-list b {
color: var(--ops-muted);
font-size: 0.65rem;
font-weight: 600;
}
.issue-replacement-toggle {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: start;
gap: 11px;
padding: 13px;
border: 1px solid rgba(255, 192, 84, 0.36);
border-radius: var(--ops-radius);
background: rgba(255, 192, 84, 0.055);
cursor: pointer;
}
.issue-replacement-toggle > span {
display: grid;
gap: 3px;
}
.issue-replacement-toggle small {
color: var(--ops-muted);
font-size: 0.69rem;
line-height: 1.45;
}
.media-status-check {
display: grid;
gap: 13px;
@@ -2859,6 +3057,22 @@ button:disabled,
font-size: 0.65rem;
}
.issue-linked-request {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 12px;
border: 1px solid rgba(126, 215, 255, 0.28);
border-radius: var(--ops-radius);
background: rgba(14, 165, 233, 0.045);
}
.issue-linked-request > div {
display: grid;
gap: 3px;
}
.issue-portal-page .portal-item-row p {
display: -webkit-box;
overflow: hidden;
@@ -2880,9 +3094,15 @@ button:disabled,
.issue-flow { padding: 14px; }
.issue-category-grid,
.issue-question-grid,
.issue-media-results,
.media-status-metrics { grid-template-columns: 1fr; }
.issue-field-span-2 { grid-column: span 1; }
.issue-category-card { min-height: 0; }
.issue-resolution-card { grid-template-columns: auto minmax(0, 1fr); }
.issue-resolution-card > button { grid-column: 1 / -1; width: 100%; }
.issue-media-search-row { grid-template-columns: 1fr; }
.issue-selected-media { align-items: stretch; flex-direction: column; }
.issue-linked-request { align-items: stretch; flex-direction: column; }
.issue-file-list > label { grid-template-columns: auto minmax(0, 1fr); }
.issue-file-list > label > b { grid-column: 2; }
}