fix(desktop): цвет выделения текста в тостах

Глобальный ::selection красит текст в var(--p-ink) (тёмный на свет-теме)
поверх полупрозрачного фона — на тёмной поверхности тоста выделенный текст
пропадал. Scoped-override для .q-notification/.toast: полупрозрачная светлая
подложка + светлый текст, читаемо на всех типах тостов.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
coopops
2026-05-30 05:39:47 +00:00
committed by ant
parent af08bad471
commit 49834fb58b
2 changed files with 16 additions and 0 deletions
@@ -665,6 +665,12 @@ body {
max-width: 420px;
line-height: 1.45;
}
/* Выделение текста на тёмной поверхности тоста — светлое читаемое
(глобальный ::selection даёт тёмный текст и пропадает). См. quasar-canon.css. */
.toast ::selection,
.toast::selection { background: rgba(250, 250, 250, 0.28); color: #fafafa; }
.toast ::-moz-selection,
.toast::-moz-selection { background: rgba(250, 250, 250, 0.28); color: #fafafa; }
.toast__icon { opacity: 0.7; margin-top: 1px; flex-shrink: 0; color: inherit; }
.toast__icon svg { width: 16px; height: 16px; }
.toast__body { flex: 1; }
@@ -356,6 +356,16 @@ body.body--dark {
line-height: 1.45;
gap: 12px;
}
/* Выделение текста внутри тоста: глобальный ::selection красит текст в
var(--p-ink) (на свет-теме тёмный) поверх полупрозрачного фона — на тёмной
поверхности тоста выделенный текст пропадает. Тост — фикс. тёмная поверхность,
поэтому и выделение фиксированное: полупрозрачная светлая подложка + светлый
текст, читаемо на всех типах (#052e16/#4c0a0a/#3d2400/#0c1e3f/нейтральный). */
.q-notification ::selection,
.q-notification ::-moz-selection {
background: rgba(250, 250, 250, 0.28);
color: #fafafa;
}
.q-notification__message {
color: inherit;
font-weight: 500;