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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user