SILVER/NODEDC_TASKMANAGER
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: стандартизация borderless matte glass popup и dropdown

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-04-19 22:00:13 +03:00
parent 16f1552b22
commit b1912c64e9
14 changed files with 116 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plane-src/packages/ui/src/dropdowns/custom-menu.tsx
+9 -9
View File
@@ -200,7 +200,7 @@ function CustomMenu(props: ICustomMenuDropdownProps) {
>
<div
className={cn(
"my-1 min-w-[12rem] overflow-y-scroll rounded-md border-[0.5px] border-subtle-1 bg-surface-1 px-2 py-2.5 text-11 whitespace-nowrap focus:outline-none",
"nodedc-glass-modal nodedc-glass-popup-surface my-1 min-w-[13rem] overflow-y-auto rounded-[1.25rem] border-0 px-2 py-2.5 text-12 whitespace-nowrap shadow-none outline-none",
{
"max-h-60": maxHeight === "lg",
"max-h-48": maxHeight === "md",
@@ -400,9 +400,9 @@ function SubMenu(props: ICustomSubMenuProps) {
{({ active }) => (
<div
className={cn(
"flex w-full cursor-pointer items-center justify-between rounded-sm px-1 py-1.5 text-left text-secondary select-none",
"flex w-full cursor-pointer items-center justify-between rounded-[0.9rem] px-2 py-2 text-left text-secondary select-none outline-none",
{
"bg-layer-transparent-hover": active && !disabled,
"bg-white/6": active && !disabled,
"text-placeholder": disabled,
"cursor-not-allowed": disabled,
}
@@ -423,7 +423,7 @@ function SubMenu(props: ICustomSubMenuProps) {
style={styles.popper}
{...attributes.popper}
className={cn(
"fixed z-30 min-w-[12rem] overflow-hidden rounded-md border-[0.5px] border-subtle-1 bg-surface-1 p-1 text-11",
"nodedc-glass-modal nodedc-glass-popup-surface fixed z-30 min-w-[13rem] overflow-hidden rounded-[1.25rem] border-0 p-2 text-12 shadow-none outline-none",
contentClassName
)}
data-prevent-outside-click="true"
@@ -462,9 +462,9 @@ function MenuItem(props: ICustomMenuItemProps) {
<button
type="button"
className={cn(
"w-full truncate rounded-sm px-1 py-1.5 text-left text-secondary select-none",
"w-full truncate rounded-[0.9rem] px-2 py-2 text-left text-secondary select-none outline-none",
{
"bg-layer-transparent-hover": active && !disabled,
"bg-white/6": active && !disabled,
"text-placeholder": disabled,
},
className
@@ -492,9 +492,9 @@ function SubMenuTrigger(props: ICustomSubMenuTriggerProps) {
{({ active }) => (
<div
className={cn(
"flex w-full items-center justify-between rounded-sm px-1 py-1.5 text-left text-secondary select-none",
"flex w-full items-center justify-between rounded-[0.9rem] px-2 py-2 text-left text-secondary select-none outline-none",
{
"bg-layer-transparent-hover": active && !disabled,
"bg-white/6": active && !disabled,
"text-placeholder": disabled,
"cursor-pointer": !disabled,
"cursor-not-allowed": disabled,
@@ -516,7 +516,7 @@ function SubMenuContent(props: ICustomSubMenuContentProps) {
return (
<div
className={cn(
"z-[15] min-w-[12rem] overflow-hidden rounded-md border border-subtle-1 bg-surface-1 p-1 text-11",
"nodedc-glass-modal nodedc-glass-popup-surface z-[15] min-w-[13rem] overflow-hidden rounded-[1.25rem] border-0 p-2 text-12 shadow-none outline-none",
className
)}
>
plane-src/packages/ui/src/popovers/popover-menu.tsx
+1 -1
View File
@@ -35,7 +35,7 @@ export function PopoverMenu<T>(props: TPopoverMenu<T>) {
button={button}
disabled={disabled}
panelClassName={cn(
"my-1 w-48 rounded-sm border-[0.5px] border-strong bg-surface-1 px-2 py-2 text-11 shadow-raised-200 focus:outline-none",
"nodedc-glass-modal nodedc-glass-popup-surface my-1 w-52 rounded-[1.25rem] border-0 px-2 py-2.5 text-12 shadow-none outline-none",
panelClassName
)}
popoverClassName={popoverClassName}