BUILD131 — цвета вертикально, только HEX
This commit is contained in:
@@ -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}}
|
||||
|
||||
Reference in New Issue
Block a user