settings: unify transcode param styling and controls

- Style QP <input type=number> like the <select>s (it rendered with the
  default white background -> stood out); add a disabled (greyed) style.
- QP vs bitrate are now mutually DISABLED instead of hidden: QP mode
  greys the bitrate field, VBR/CBR greys the QP field. Hiding never
  worked because .tr-row label{display:flex} overrode [hidden].
- Replace SOFT/MEDIUM/HARD preset buttons with a "Готовый профиль"
  dropdown, placed last (rightmost) in the params row.

VERSION -> 0.0.120.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-01 17:21:28 +05:00
parent c876a46e61
commit 44f5aa920f
3 changed files with 31 additions and 33 deletions
+3 -1
View File
@@ -147,7 +147,7 @@ input[type="checkbox"]:checked {
}
input[type="checkbox"]:checked::before { transform: translateX(18px); background: var(--ok); }
input[type="checkbox"]:focus-visible { outline: 2px solid var(--ok); outline-offset: 2px; }
input[type="date"], select {
input[type="date"], input[type="number"], select {
background: var(--panel-2); color: var(--text); border: 1px solid var(--border);
padding: 6px 8px; border-radius: 6px;
}
@@ -340,6 +340,8 @@ input[type="date"], select {
.tr-row[hidden] { display: none; }
.tr-row label { display: flex; flex-direction: column; gap: 5px; font-size: 12px; color: var(--text-dim); }
.tr-row select { display: block; }
.tr-row input[type="number"] { display: block; width: 80px; }
.tr-row select:disabled, .tr-row input:disabled { opacity: .4; cursor: not-allowed; }
/* общие пресеты перекодирования (SOFT / MEDIUM / HARD) */
.tr-presets { flex-basis: 100%; display: flex; align-items: center; gap: 8px; padding-left: 28px; }
.tr-preset {