Update pnpm-lock.yaml for Radix UI package versions and enhance popover styling in CSS
ci / build-backend (push) Successful in 2m51s
ci / build-frontend (push) Successful in 1m4s
ci / tests (push) Successful in 2m41s
ci / sonar (push) Successful in 5m50s

Updated the pnpm-lock.yaml to override versions of '@radix-ui/react-dismissable-layer' and '@radix-ui/react-focus-scope' to their latest releases. Enhanced the CSS for popover components by introducing a new '.crt-popover' class for improved styling, ensuring a more distinct appearance over other content. Refactored related components to utilize the new class, improving visual consistency across the application.
This commit is contained in:
Leonid Pershin
2026-07-27 11:58:38 +03:00
parent 860cde19a3
commit 36c70a61df
7 changed files with 41 additions and 83 deletions
+16
View File
@@ -121,4 +121,20 @@
0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent) inset,
0 8px 30px rgba(0, 0, 0, 0.25);
}
/*
* Всплывающая панель (поповер, автокомплит). Отдельный класс, а не crt-panel с правкой фона:
* фон там задан в этом же слое, и утилита вроде bg-muted его не перебивает — выигрывает то,
* что объявлено позже.
*
* Фон непрозрачный и темнее панели, рамка заметнее: поповер висит над чужим текстом, и
* полупрозрачность превращала список в кашу из наложенных строк.
*/
.crt-popover {
background: var(--background);
border: 1px solid color-mix(in srgb, var(--primary) 45%, var(--border));
box-shadow:
0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent) inset,
0 16px 48px rgba(0, 0, 0, 0.65);
}
}