72 lines
5.6 KiB
CSS
72 lines
5.6 KiB
CSS
.issues .filters{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end;margin:12px 0}
|
||
.issues .filters label{display:flex;flex-direction:column;font-size:13px;color:var(--muted);gap:2px}
|
||
.issues .filters label.check{flex-direction:row;align-items:center;gap:6px;color:var(--fg)}
|
||
.issues select,.issues input[type=search]{font:inherit;font-size:14px;height:32px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--fg);padding:0 8px}
|
||
.grid{width:100%;border-collapse:collapse;font-size:14px}
|
||
.grid th,.grid td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
|
||
.grid th{color:var(--muted);font-weight:500;position:sticky;top:0;background:var(--bg)}
|
||
.grid a{color:var(--accent)}
|
||
.issue a{color:var(--accent)}
|
||
.issue-head{position:sticky;top:0;z-index:1;background:var(--bg);padding:14px 0 10px;border-bottom:1px solid var(--line);margin-bottom:14px}
|
||
.issue-head .row1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
|
||
.issue-head .key{font-family:var(--font-mono);font-size:13px;color:var(--muted)}
|
||
.issue-head .spacer{flex:1 1 auto}
|
||
.issue-head h2{margin:6px 0 4px;font-size:20px;line-height:1.3}
|
||
.issue-head .facts{margin:0;color:var(--muted);font-size:14px}
|
||
.issue .overdue{color:var(--p-crit);font-weight:600}
|
||
.issue .close{font-size:18px;line-height:1;background:none;border:0;color:var(--muted);cursor:pointer;padding:4px 6px}
|
||
.badge{display:inline-block;font-size:12px;line-height:18px;padding:0 8px;border-radius:9px;background:var(--soft);color:var(--fg);white-space:nowrap}
|
||
.badge.fact{background:transparent;border:1px solid var(--accent);color:var(--accent)}
|
||
.badge.fact.fact-done{border-color:var(--k-test);color:var(--k-test)}
|
||
.badge.fact.fact-cancelled{border-color:var(--muted);color:var(--muted);text-decoration:line-through}
|
||
.issue .cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
|
||
.issue .side{display:flex;flex-direction:column;gap:16px;min-width:0}
|
||
.issue .side .note{align-self:stretch} /* .note{align-self:start} — с прежней страницы; в колонке окна — на всю ширину */
|
||
.issue .main{min-width:0}
|
||
@media (max-width:899.98px){
|
||
.issue .cols{display:flex;flex-direction:column;align-items:stretch;gap:16px}
|
||
.issue .side{display:contents}
|
||
.issue .side .note{order:-1}
|
||
.issue .side .other{order:1}
|
||
.issue .side .commands{order:2}
|
||
}
|
||
.issue section{margin-bottom:18px}
|
||
.issue h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px}
|
||
.issue .sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
|
||
.issue .group{margin:0 0 10px}
|
||
.issue .group h4{font-size:13px;font-weight:600;margin:0 0 4px}
|
||
.issue .links{list-style:none;margin:0;padding:0}
|
||
.issue .links li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:3px 0}
|
||
.issue .links .tag{font-size:12px;color:var(--muted);min-width:76px}
|
||
.issue .links .sum{flex:1 1 200px;min-width:0}
|
||
.issue .links .absent{color:var(--muted);font-style:italic}
|
||
.issue .description{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:10px;margin:0 0 4px}
|
||
.issue pre.description{white-space:pre-wrap;font:inherit}
|
||
.issue pre.description.clamped{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;
|
||
/* нижний отступ — рамкой цвета фона: overflow обрезает по краю padding, и в нижнем padding была видна 9-я строка */
|
||
padding-bottom:0;border-bottom:10px solid var(--panel);box-shadow:0 1px 0 var(--line)}
|
||
.issue .comments>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
|
||
.issue div.description.clamped{max-height:12em;overflow:hidden;
|
||
/* рендер: блочное содержимое line-clamp не режет — ограничение высотой ≈ 8 строк (line-height 1.5, design #8, R-5) */
|
||
padding-bottom:0;border-bottom:10px solid var(--panel);box-shadow:0 1px 0 var(--line)}
|
||
.issue .comments .who{font-size:12px;color:var(--muted);margin-bottom:2px;display:flex;justify-content:space-between;gap:8px}
|
||
.issue .comments .who .link{font-size:12px}
|
||
.issue .comments pre.body{white-space:pre-wrap;font:inherit;margin:0}
|
||
.issue .fields{display:grid;grid-template-columns:1fr;gap:6px;margin:0}
|
||
.issue .fields dt{font-size:12px;color:var(--muted)}
|
||
.issue .fields dd{margin:0;white-space:pre-wrap}
|
||
.issue .commands summary{cursor:pointer;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
|
||
.issue .commands table{margin-top:8px;font-size:13px}
|
||
.note{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;align-self:start}
|
||
.note fieldset{display:contents;border:0;margin:0;padding:0;min-width:0}
|
||
.note label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
|
||
.note input,.note select,.note textarea{font:inherit;font-size:14px;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:6px 8px}
|
||
.note .err{color:var(--p-crit)}
|
||
.note .confirm{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
|
||
|
||
/* окно карточки задачи (design 13) */
|
||
.issue-modal{width:min(1000px,calc(100vw - 32px));max-width:none;max-height:90vh;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);overflow:auto}
|
||
.issue-modal::backdrop{background:rgb(0 0 0 / .45)}
|
||
.issue-modal > .issue{padding:0 20px 20px}
|
||
@media (max-width:700px){.issue-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;border-radius:0}}
|