ychernenko/hockey_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BUILD126 - легкие правки по интерфейсу

Browse Source
This commit is contained in:
Юрий Черненко
2026-08-27 10:42:58 +03:00
parent 4218c4e243
commit 783d671303
4 changed files with 147 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
ui_builder/static/styles.css
View File

@@ -7837,3 +7837,82 @@ body.hockey-navigation-open .runtime-viewport.has-hockey-pbp { gap: 14px !import
.prematch-editor-selector-row .quick-selector-options-field,
.prematch-editor-selector-row .quick-selector-default-field { grid-column: auto; }
}
/* BUILD126 — collapsed lower-panel editor, pinned footer, automatic match-period selector. */
.modal-card.modal-prematch-full,
.modal-card:has(.prematch-editor) {
display: flex;
flex-direction: column;
}
.modal-prematch-full .modal-head,
.modal-card:has(.prematch-editor) .modal-head {
flex: 0 0 auto;
}
.modal-prematch-full .prematch-editor,
.modal-card:has(.prematch-editor) .prematch-editor {
flex: 1 1 auto;
min-height: 0;
height: auto;
grid-template-rows: auto minmax(0, 1fr) auto;
}
.prematch-editor-section:not(.player-selection-editor) {
min-height: 0;
display: grid;
grid-template-rows: auto minmax(0, 1fr);
overflow: hidden;
}
.prematch-editor-section:not(.player-selection-editor) > .prematch-editor-list {
min-height: 0;
height: 100%;
max-height: none;
overflow-y: auto;
overflow-x: hidden;
}
.modal-prematch-full .prematch-editor-actions,
.modal-card:has(.prematch-editor) .prematch-editor-actions {
position: relative;
inset: auto;
flex: 0 0 auto;
margin: 0;
padding: 10px 0 0;
box-shadow: 0 -10px 22px rgba(5, 12, 20, .18);
}
.quick-selector-auto-note input:disabled {
color: #79a9d7;
border-color: rgba(77, 156, 255, .28);
background: rgba(77, 156, 255, .055);
opacity: 1;
}
.quick-command-selector.is-match-periods {
min-height: 38px;
padding: 3px 6px;
border-color: rgba(77, 156, 255, .34);
background: rgba(77, 156, 255, .045);
}
.quick-command-selector.is-match-periods > span {
color: #6f9bca;
}
.quick-command-selector.is-match-periods > div {
gap: 3px;
}
.quick-command-selector.is-match-periods button {
min-width: 31px;
height: 29px;
padding: 0 8px;
border-color: #324f6d;
border-radius: 7px;
color: #c7d8e9;
background: #0d1c2c;
font-size: 9px;
}
.quick-command-selector.is-match-periods button:hover {
border-color: #4d9cff;
color: #fff;
}
.quick-command-selector.is-match-periods button.active {
color: #eef7ff;
border-color: #4d9cff;
background: #245f9d;
box-shadow: 0 0 0 1px rgba(77, 156, 255, .12), inset 0 -2px 0 rgba(117, 190, 255, .45);
}