sdlc-hub/web/src/styles/controls.css
Andrey Epifancev cec8beecfb feat(web): шапка доски, панель управления по группам, сворачиваемая легенда (#65)
BoardHeader вместо Toolbar, панель управления в Panel, легенда сворачивается
(jira-hub-legend), ящик проблем, экспорт и таблица связей в Panel.
Dropdown: явный проп menu; тест фонового обновления проектов мокает GET /batches/7.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-22 00:33:32 +04:00

36 lines
2.7 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

.link{font:inherit;font-size:14px;color:var(--accent);cursor:pointer;background:none;border:0;padding:0;text-decoration:underline dotted;white-space:nowrap}
.link:hover,.link:focus-visible{text-decoration-style:solid;outline:none}
.link:disabled{color:var(--muted);cursor:default;text-decoration:none}
/* 4. Кнопки и выпадающие списки */
.btn{font:inherit;font-size:14px;line-height:1.2;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:0 12px;cursor:pointer;height:34px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:5px}
.btn:hover,.btn:focus-visible{border-color:var(--accent);outline:none}
.btn[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.btn .n{font-weight:600;color:var(--p-crit)}
.btn .n.zero{font-weight:500;color:var(--muted)}
.btn[aria-pressed="true"] .n{color:inherit}
.btn.sm{height:28px;padding:0 8px;font-size:13px}
.more-btn{padding:0 10px;font-size:20px;line-height:1;letter-spacing:.05em}
.dd{position:relative;display:inline-block}
.dd-btn{max-width:360px;gap:8px;justify-content:space-between}
.dd-btn .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-btn .car{font-size:10px;opacity:.7}
.dd-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:280px;max-width:420px;padding:8px;display:flex;flex-direction:column;gap:6px}
.dd-list{max-height:260px;overflow:auto;display:flex;flex-direction:column}
.dd-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:5px;cursor:pointer;font-size:14px}
.dd-item:hover{background:var(--soft)}
.dd-item input{accent-color:var(--accent);margin:0;width:14px;height:14px;flex:0 0 auto}
.dd-item .n{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.dd-item.none{color:var(--muted);font-style:italic}
.dd-item.zero{opacity:.5}
.dd-foot{display:flex;gap:6px;justify-content:space-between;border-top:1px solid var(--line);padding-top:6px}
.dd-foot .btn{height:30px;padding:0 10px;font-size:13.5px}
.dd-empty{font-size:12.5px;color:var(--muted);padding:6px}
.dd-sep{border:0;border-top:1px solid var(--line);margin:4px 0}
/* меню «⋯»: открывается к левому краю, пункты с галочкой — переключатели */
.dd-menu.menu{right:0;left:auto;min-width:230px;padding:6px}
.confirm{display:flex;flex-direction:column;gap:6px;padding:6px 10px;font-size:14px}
.confirm .row{flex-wrap:nowrap}
.confirm .btn{height:28px;padding:0 10px;width:auto;flex:1 1 0}
.confirm .btn.yes{background:var(--p-crit);color:var(--color-text-on-primary);border-color:var(--p-crit)}