выделение удалений, и заготовки
This commit is contained in:
@@ -7223,6 +7223,15 @@ body.hockey-navigation-open .runtime-viewport.has-hockey-pbp { gap: 14px !import
|
||||
.hpd-team-penalty-card.is-preview-selected {
|
||||
outline: 2px solid rgba(255, 255, 255, .72);
|
||||
outline-offset: -2px;
|
||||
box-shadow: 0 0 0 3px rgba(255,255,255,.06);
|
||||
}
|
||||
.hpd-team-penalty-card.team-home.is-preview-selected {
|
||||
outline-color: color-mix(in srgb,var(--hpd-home) 82%,#fff);
|
||||
box-shadow: 0 0 0 3px color-mix(in srgb,var(--hpd-home) 18%,transparent);
|
||||
}
|
||||
.hpd-team-penalty-card.team-away.is-preview-selected {
|
||||
outline-color: color-mix(in srgb,var(--hpd-away) 82%,#fff);
|
||||
box-shadow: 0 0 0 3px color-mix(in srgb,var(--hpd-away) 18%,transparent);
|
||||
}
|
||||
.hpd-team-card-identifiers {
|
||||
display: grid;
|
||||
@@ -7433,3 +7442,242 @@ body.hockey-navigation-open .runtime-viewport.has-hockey-pbp { gap: 14px !import
|
||||
user-select:none;
|
||||
}
|
||||
.hockey-player-select-slot:hover .hockey-player-select-drag { color:#9ab2c6; }
|
||||
|
||||
/* BUILD84 — compact, single-line player-block editor. */
|
||||
.player-selection-editor.prematch-editor-section .player-selection-editor-list { gap:4px; }
|
||||
.player-selection-editor-row {
|
||||
grid-template-columns:24px 66px minmax(150px,1fr) minmax(135px,.9fr) 52px minmax(135px,.9fr) 84px 82px minmax(150px,1fr) 56px 30px;
|
||||
gap:5px;
|
||||
align-items:center;
|
||||
min-height:48px;
|
||||
padding:4px 5px;
|
||||
border-radius:8px;
|
||||
}
|
||||
.player-selection-editor-row label { gap:2px; font-size:6.5px; line-height:1.05; }
|
||||
.player-selection-editor-row input,
|
||||
.player-selection-editor-row select { height:26px; padding-top:3px; padding-bottom:3px; font-size:9px; }
|
||||
.player-selection-editor-row .shortcut-inline-check {
|
||||
align-self:center;
|
||||
justify-self:start;
|
||||
gap:4px;
|
||||
white-space:nowrap;
|
||||
font-size:7px;
|
||||
}
|
||||
.player-selection-editor-row .shortcut-inline-check input { width:16px; height:16px; padding:0; }
|
||||
.player-selection-editor-description { min-width:120px; }
|
||||
.player-selection-editor-order { align-items:center; }
|
||||
.player-selection-editor-order .mini-btn,
|
||||
.player-selection-editor-row > .icon-btn { width:26px; min-width:26px; height:26px; padding:0; }
|
||||
@media (max-width:1450px) {
|
||||
.player-selection-editor-row {
|
||||
grid-template-columns:24px 64px minmax(130px,1fr) minmax(120px,.9fr) 50px minmax(120px,.9fr) 80px 78px minmax(130px,1fr) 54px 28px;
|
||||
}
|
||||
}
|
||||
|
||||
/* BUILD84 — prepared vMix title workspace + player block handoff. */
|
||||
.hockey-player-select-footer {
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
gap:6px;
|
||||
margin-top:7px;
|
||||
}
|
||||
.hockey-player-select-prepared {
|
||||
padding:5px 8px;
|
||||
color:#071a1d;
|
||||
border:1px solid #54e5c4;
|
||||
border-radius:7px;
|
||||
background:#48dfbd;
|
||||
font-size:7px;
|
||||
font-weight:950;
|
||||
cursor:pointer;
|
||||
}
|
||||
.hockey-player-select-prepared:hover { filter:brightness(1.08); }
|
||||
.hockey-player-select-footer .hockey-player-select-clear { margin-left:auto; }
|
||||
|
||||
.hockey-prepared-workspace {
|
||||
position:absolute;
|
||||
inset:0;
|
||||
display:grid;
|
||||
grid-template-rows:auto auto minmax(0,1fr);
|
||||
gap:9px;
|
||||
padding:14px;
|
||||
box-sizing:border-box;
|
||||
color:#dcecff;
|
||||
background:linear-gradient(180deg,#0a1522 0%,#09131f 100%);
|
||||
overflow:hidden;
|
||||
}
|
||||
.hockey-prepared-head,
|
||||
.hockey-prepared-context,
|
||||
.hockey-prepared-source,
|
||||
.hockey-prepared-savebar,
|
||||
.hockey-prepared-saved-head {
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:12px;
|
||||
}
|
||||
.hockey-prepared-head {
|
||||
min-height:52px;
|
||||
padding:0 12px;
|
||||
border:1px solid #263f56;
|
||||
border-radius:11px;
|
||||
background:#0c1b2a;
|
||||
}
|
||||
.hockey-prepared-head > div,
|
||||
.hockey-prepared-context > div,
|
||||
.hockey-prepared-source > div { min-width:0; display:grid; gap:2px; }
|
||||
.hockey-prepared-head span,
|
||||
.hockey-prepared-context span,
|
||||
.hockey-prepared-source span,
|
||||
.hockey-prepared-saved-head span {
|
||||
color:#56e3c1;
|
||||
font-size:7px;
|
||||
font-weight:950;
|
||||
letter-spacing:.08em;
|
||||
}
|
||||
.hockey-prepared-head strong { font-size:16px; line-height:1; }
|
||||
.hockey-prepared-head small,
|
||||
.hockey-prepared-context small,
|
||||
.hockey-prepared-source small { color:#7891a8; font-size:8px; }
|
||||
.hockey-prepared-head button,
|
||||
.hockey-prepared-context button,
|
||||
.hockey-prepared-source button,
|
||||
.hockey-prepared-savebar button,
|
||||
.hockey-prepared-saved article button {
|
||||
min-height:29px;
|
||||
padding:0 10px;
|
||||
border:1px solid #31516a;
|
||||
border-radius:7px;
|
||||
color:#cfe3f3;
|
||||
background:#10263a;
|
||||
font-size:8px;
|
||||
font-weight:900;
|
||||
cursor:pointer;
|
||||
}
|
||||
.hockey-prepared-head button:hover,
|
||||
.hockey-prepared-source button:hover,
|
||||
.hockey-prepared-saved article button:hover { border-color:#54dcbf; color:#fff; }
|
||||
.hockey-prepared-head button:disabled,
|
||||
.hockey-prepared-source button:disabled,
|
||||
.hockey-prepared-savebar button:disabled { opacity:.5; cursor:default; }
|
||||
.hockey-prepared-context {
|
||||
min-height:42px;
|
||||
padding:7px 10px;
|
||||
border:1px solid #31586a;
|
||||
border-radius:10px;
|
||||
background:#0d2431;
|
||||
}
|
||||
.hockey-prepared-context code { color:#86dfca; }
|
||||
.hockey-prepared-context > button { width:29px; padding:0; color:#8ba3b8; }
|
||||
.hockey-prepared-layout {
|
||||
min-height:0;
|
||||
display:grid;
|
||||
grid-template-columns:310px minmax(0,1fr) 310px;
|
||||
gap:9px;
|
||||
}
|
||||
.hockey-prepared-inputs,
|
||||
.hockey-prepared-editor,
|
||||
.hockey-prepared-saved {
|
||||
min-width:0;
|
||||
min-height:0;
|
||||
border:1px solid #263f56;
|
||||
border-radius:11px;
|
||||
background:#0b1927;
|
||||
overflow:hidden;
|
||||
}
|
||||
.hockey-prepared-inputs { display:grid; grid-template-rows:auto auto minmax(0,1fr); padding:9px; gap:7px; }
|
||||
.hockey-prepared-search { display:grid; gap:4px; color:#7f98af; font-size:7px; font-weight:900; }
|
||||
.hockey-prepared-search input,
|
||||
.hockey-prepared-name input,
|
||||
.hockey-prepared-field input[type="text"] {
|
||||
width:100%;
|
||||
min-width:0;
|
||||
height:30px;
|
||||
box-sizing:border-box;
|
||||
padding:0 9px;
|
||||
border:1px solid #2b465e;
|
||||
border-radius:7px;
|
||||
outline:0;
|
||||
color:#e5f2ff;
|
||||
background:#0c2133;
|
||||
font-size:9px;
|
||||
font-weight:700;
|
||||
font-family:inherit;
|
||||
}
|
||||
.hockey-prepared-search input:focus,
|
||||
.hockey-prepared-name input:focus,
|
||||
.hockey-prepared-field input[type="text"]:focus { border-color:#4ed9bd; box-shadow:0 0 0 1px rgba(78,217,189,.18); }
|
||||
.hockey-prepared-input-list,
|
||||
.hockey-prepared-saved-list { min-height:0; overflow:auto; display:grid; align-content:start; gap:4px; padding-right:2px; }
|
||||
.hockey-prepared-input-list > button,
|
||||
.hockey-prepared-recommended button {
|
||||
width:100%;
|
||||
display:grid;
|
||||
grid-template-columns:42px minmax(0,1fr) auto;
|
||||
align-items:center;
|
||||
gap:7px;
|
||||
min-height:37px;
|
||||
padding:5px 7px;
|
||||
text-align:left;
|
||||
border:1px solid #243d53;
|
||||
border-radius:7px;
|
||||
color:#a8bdd0;
|
||||
background:#0d2031;
|
||||
cursor:pointer;
|
||||
}
|
||||
.hockey-prepared-input-list > button:hover,
|
||||
.hockey-prepared-input-list > button.active,
|
||||
.hockey-prepared-recommended button:hover { border-color:#3e826f; background:#102b3c; }
|
||||
.hockey-prepared-input-list > button.active { box-shadow:inset 3px 0 0 #4dddbc; }
|
||||
.hockey-prepared-input-list b,
|
||||
.hockey-prepared-recommended b { color:#61e0c2; font:900 8px "Roboto Mono",Consolas,monospace; }
|
||||
.hockey-prepared-input-list span,
|
||||
.hockey-prepared-recommended span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; font-weight:900; color:#e0effb; }
|
||||
.hockey-prepared-input-list small,
|
||||
.hockey-prepared-recommended small { color:#6f879d; font-size:7px; white-space:nowrap; }
|
||||
.hockey-prepared-recommended { display:grid; gap:4px; padding:6px; border:1px solid #2d554d; border-radius:8px; background:#0d2728; }
|
||||
.hockey-prepared-recommended > span { color:#70bea9; font-size:7px; font-weight:900; }
|
||||
.hockey-prepared-editor { display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; gap:8px; padding:9px; }
|
||||
.hockey-prepared-source { padding:7px 8px; border:1px solid #29475e; border-radius:8px; background:#0d2031; }
|
||||
.hockey-prepared-source strong { font-size:10px; }
|
||||
.hockey-prepared-name { display:grid; gap:4px; color:#8099ae; font-size:7px; font-weight:900; }
|
||||
.hockey-prepared-fields { min-height:0; overflow:auto; display:grid; align-content:start; gap:4px; padding-right:3px; }
|
||||
.hockey-prepared-field {
|
||||
min-height:42px;
|
||||
display:grid;
|
||||
grid-template-columns:minmax(160px,.8fr) minmax(220px,1.2fr);
|
||||
align-items:center;
|
||||
gap:10px;
|
||||
padding:5px 7px;
|
||||
border:1px solid #223b51;
|
||||
border-radius:7px;
|
||||
background:#0c1d2d;
|
||||
}
|
||||
.hockey-prepared-field > span { min-width:0; display:flex; align-items:baseline; gap:7px; }
|
||||
.hockey-prepared-field > span b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:850 8px "Roboto Mono",Consolas,monospace; color:#cfe0ee; }
|
||||
.hockey-prepared-field > span small { color:#52768e; font-size:6px; text-transform:uppercase; }
|
||||
.hockey-prepared-field > div { min-width:0; display:flex; align-items:center; gap:5px; }
|
||||
.hockey-prepared-field input[type="color"] { width:32px; min-width:32px; height:30px; padding:2px; border:1px solid #2b465e; border-radius:6px; background:#0c2133; }
|
||||
.hockey-prepared-savebar { padding-top:7px; border-top:1px solid #21394d; }
|
||||
.hockey-prepared-savebar small { max-width:520px; color:#70899f; font-size:7px; line-height:1.35; }
|
||||
.hockey-prepared-savebar button { min-width:155px; color:#071a1d; border-color:#54e5c4; background:#48dfbd; }
|
||||
.hockey-prepared-saved { display:grid; grid-template-rows:auto minmax(0,1fr); padding:9px; gap:7px; }
|
||||
.hockey-prepared-saved-head { min-height:28px; padding:0 2px; }
|
||||
.hockey-prepared-saved-head b { min-width:22px; height:18px; display:grid; place-items:center; border-radius:9px; color:#9ec1d8; background:#1b3850; font:900 8px "Roboto Mono",Consolas,monospace; }
|
||||
.hockey-prepared-saved article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px; align-items:center; padding:7px; border:1px solid #243e54; border-radius:8px; background:#0d2031; }
|
||||
.hockey-prepared-saved article > div:first-child { min-width:0; display:grid; gap:2px; }
|
||||
.hockey-prepared-saved article span { color:#5c8ca6; font-size:6px; font-weight:950; text-transform:uppercase; }
|
||||
.hockey-prepared-saved article strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; color:#e1eef8; }
|
||||
.hockey-prepared-saved article small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#71899e; font-size:7px; }
|
||||
.hockey-prepared-saved article > div:last-child { display:flex; gap:4px; }
|
||||
.hockey-prepared-saved article button { min-height:25px; padding:0 7px; font-size:7px; }
|
||||
.hockey-prepared-saved article button.danger { width:25px; min-width:25px; padding:0; color:#ff7d91; border-color:#593646; }
|
||||
.hockey-prepared-empty,
|
||||
.hockey-prepared-editor-empty { display:grid; place-items:center; align-content:center; gap:5px; min-height:90px; padding:16px; text-align:center; color:#637e94; font-size:8px; }
|
||||
.hockey-prepared-editor-empty { height:100%; }
|
||||
.hockey-prepared-editor-empty b { color:#b9cfdf; font-size:13px; }
|
||||
@media (max-width:1100px) {
|
||||
.hockey-prepared-layout { grid-template-columns:250px minmax(0,1fr) 250px; }
|
||||
.hockey-prepared-field { grid-template-columns:1fr; gap:4px; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user