aep/sdlc-hub
1
0
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects Releases Wiki Activity

style(web): верхняя панель на узком экране, контраст текста Notice (#65)

Browse Source 
Тема и меню «…» остаются в первой строке панели, статус данных — второй;
на 390 px выбор проекта сжимается. Текст Notice — основным цветом.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Andrey Epifancev 2026-10-22 01:24:57 +04:00
parent 2a472cacbf
commit d3e8d969c8
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/issues/issues.css
View File

@ -30,7 +30,7 @@
.issues__hint{margin:0;color:var(--color-text-secondary)}
.issues__more{display:flex;justify-content:center}
/* карточка задачи в окне (design 13, 19): всё через токены */
.issue{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-primary)}
.issue{font-size:var(--fs-body);line-height:var(--lh-body)}
.issue a{color:var(--color-action-primary)}
.issue a.ui-btn{color:var(--color-text-primary);text-decoration:none}
.issue .hint{margin:0;font-size:var(--fs-body);color:var(--color-text-secondary)}
@ -117,4 +117,4 @@
.issue-head .ui-icon-btn{order:2}
.issue-head a.ui-btn{order:3}
}
.issue .ui-notice__text{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-primary)}
.issue .ui-notice__text{font-size:var(--fs-body);line-height:var(--lh-body)}

3
web/src/shell/shell.css
View File

@ -19,11 +19,14 @@
.crash h2{margin:0;font:inherit}
@media (max-width:1099px){
.appbar .data-status{order:10;flex:1 0 100%}
.appbar .ui-theme,.appbar .more{order:4} /* T10.1: тема и «…» остаются в первой строке, статус данных — второй */
.appbar .appbar__spacer{flex:1 1 0}
}
@media (max-width:639px){
.appbar{padding-inline:16px}
.appbar__brand{display:none}
.appbar .appbar__spacer{display:none}
.appbar .project-picker{flex:1 1 0;width:auto;max-width:none;min-width:0} /* T10.1: picker, тема и «…» — в одной строке */
.appbar .ui-seg{flex:1 1 100%;order:5}
.appbar .ui-seg__item{flex:1 1 0;justify-content:center}
}

2
web/src/ui/ui.css
View File

@ -96,7 +96,7 @@
}
.ui-notice__body { flex: 1; min-width: 0; }
.ui-notice__title { font-size: var(--fs-body); line-height: var(--lh-body); font-weight: 600; color: var(--color-text-primary); }
.ui-notice__text { font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--color-text-secondary); }
.ui-notice__text { font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--color-text-primary); }
.ui-notice__action { flex: none; }
.ui-notice a { color: var(--color-action-primary); }
.ui-notice--success { background: var(--color-status-success-bg); border-color: var(--color-status-success); }