fix(issues): design-audit fixes for issues surfaces (issue #211) #5458
2 changed files+9−6
Modifiedsrc/routes/issues.tsx+6−5View fileUnifiedSplit
@@ -214,11 +214,12 @@ const issuesStyles = `
214214 align-items: flex-start;
215215 gap: 14px;
216216 padding: 14px 18px;
217 border-bottom: 1px solid var(--border);
217 border-bottom: 1px solid var(--border-subtle, var(--border));
218218 transition: background 120ms ease, transform 120ms ease;
219219 }
220220 .issues-row:last-child { border-bottom: none; }
221 .issues-row:hover { background: color-mix(in srgb, var(--accent) 4%, transparent); }
221 .issues-row:hover { background: var(--bg-hover, color-mix(in srgb, var(--accent) 4%, transparent)); }
222 .issues-row .bulk-cb { margin-top: 4px; }
222223 .issues-row-icon {
223224 width: 18px;
224225 height: 18px;
@@ -241,7 +242,7 @@ const issuesStyles = `
241242 display: flex;
242243 flex-wrap: wrap;
243244 align-items: center;
244 gap: 8px;
245 gap: 6px 10px;
245246 }
246247 .issues-row-title a {
247248 color: var(--text-strong);
@@ -250,7 +251,7 @@ const issuesStyles = `
250251 }
251252 .issues-row-title a:hover { color: var(--accent); }
252253 .issues-row-meta {
253 margin-top: 5px;
254 margin-top: 7px;
254255 font-size: 12.5px;
255256 color: var(--text-muted);
256257 line-height: 1.5;
@@ -1132,7 +1133,7 @@ issueRoutes.get("/:owner/:repo/issues", softAuth, requireRepoAccess("read"), asy
11321133 type="search"
11331134 name="q"
11341135 value={searchQ}
1135 placeholder="Search issues\u2026"
1136 placeholder={"Search issues\u2026"}
11361137 class="issues-search-input"
11371138 aria-label="Search issues by title"
11381139 />
Modifiedsrc/views/layout.tsx+3−1View fileUnifiedSplit
@@ -3150,7 +3150,9 @@ ${designTokensCss}
31503150 .state-merged { color: var(--accent); }
31513151 .ai-review { border-color: var(--accent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent); }
31523152
3153 .issue-detail { max-width: 920px; }
3153 /* Centered readable container — without the auto margins the whole
3154 detail page hugged the left half of wide viewports (audit #211). */
3155 .issue-detail { max-width: 1080px; margin: 0 auto; }
31543156 .issue-comment-box {
31553157 border: 1px solid var(--border);
31563158 border-radius: var(--r-md);
31573159
c comment · e edit title · m merge · a approve · r request changes · ? shortcuts