BUILD131 — цвета вертикально, только HEX

This commit is contained in:
2026-09-10 11:42:37 +03:00
parent 837d40d6ce
commit d97e2eb29d
3 changed files with 9 additions and 51 deletions

View File

@@ -1613,7 +1613,7 @@
.hockey-team-color-control {
display: grid;
grid-template-columns: 42px minmax(0, 1fr) minmax(0, 1fr) 34px;
grid-template-columns: 46px minmax(180px, 1fr) 36px;
gap: 7px;
align-items: center;
}
@@ -1659,15 +1659,13 @@
.hockey-team-color-value{display:grid!important;gap:3px!important;margin:0!important;min-width:0}
.hockey-team-color-value>small{font-size:7px!important;font-weight:900;letter-spacing:.5px;color:#71869a!important}
.hockey-team-color-value>input{width:100%;min-width:0}
.hockey-team-color-control input[data-team-color-text],
.hockey-team-color-control input[data-team-color-rgb] {
.hockey-team-color-value>input{width:100%;min-width:180px;box-sizing:border-box;white-space:nowrap}
.hockey-team-color-control input[data-team-color-text] {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-weight: 800;
letter-spacing: .5px;
text-transform: uppercase;
}
.hockey-team-color-control input[data-team-color-rgb]{text-transform:none;letter-spacing:0}
.hockey-team-color-clear {
color: #879bb1;
@@ -1751,11 +1749,11 @@
.hockey-map-sql-table-ref code{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px Consolas,monospace;color:#738da6}
@media(max-width:1050px){.hockey-map-sql-table-list{grid-template-columns:1fr}}
/* BUILD130 — four optional team colours with explicit HEX/RGB entry */
/* BUILD131 — four optional team colours stacked vertically with HEX entry */
.hockey-team-color-field-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:3px}
.hockey-team-color-field-head>span{color:#c8d7e6;font-size:10px;font-weight:900}
.hockey-team-color-field-head>small{max-width:520px;text-align:right;line-height:1.35}
.hockey-team-colors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hockey-team-colors-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.hockey-team-color-item{min-width:0;padding:8px;border:1px solid #2b4057;border-radius:10px;background:#0b1725;opacity:.72;transition:border-color .15s ease,opacity .15s ease,background .15s ease}
.hockey-team-color-item.is-enabled{border-color:#347662;background:#0d201f;opacity:1}
.hockey-team-color-enabled{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;margin:0 0 6px!important}
@@ -1771,5 +1769,5 @@
.hockey-team-color-chip.is-disabled{opacity:.38}
.hockey-team-color-chip.is-enabled>b{background:#183a32;color:#71e2c7}
.hockey-team-color-chip.is-enabled>code{color:#bed2e2}
@media(max-width:1180px){.hockey-team-colors-grid{grid-template-columns:1fr}.hockey-team-color-field-head{align-items:flex-start;flex-direction:column}.hockey-team-color-field-head>small{text-align:left}}
@media(max-width:720px){.hockey-team-color-control{grid-template-columns:42px minmax(0,1fr) 34px}.hockey-team-color-value:nth-of-type(2){grid-column:2/3}}
@media(max-width:1180px){.hockey-team-color-field-head{align-items:flex-start;flex-direction:column}.hockey-team-color-field-head>small{text-align:left}}
@media(max-width:720px){.hockey-team-color-control{grid-template-columns:42px minmax(140px,1fr) 34px}.hockey-team-color-value>input{min-width:140px}}