From d36e9b5e61ebd957c84ee3b0838693900249ff2c Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Fri, 4 Oct 2024 23:12:44 +0300 Subject: [PATCH] Remove borders on overlays for Material --- packages/themes/src/presets/material/contextmenu/index.js | 2 +- packages/themes/src/presets/material/megamenu/index.js | 2 +- packages/themes/src/presets/material/menu/index.js | 7 ++++++- packages/themes/src/presets/material/menubar/index.js | 2 +- packages/themes/src/presets/material/tieredmenu/index.js | 7 ++++++- 5 files changed, 15 insertions(+), 5 deletions(-) diff --git a/packages/themes/src/presets/material/contextmenu/index.js b/packages/themes/src/presets/material/contextmenu/index.js index c7b92fa56..0ba95dcd8 100644 --- a/packages/themes/src/presets/material/contextmenu/index.js +++ b/packages/themes/src/presets/material/contextmenu/index.js @@ -1,7 +1,7 @@ export default { root: { background: '{content.background}', - borderColor: '{content.border.color}', + borderColor: 'transparent', color: '{content.color}', borderRadius: '{content.border.radius}', shadow: '{overlay.navigation.shadow}', diff --git a/packages/themes/src/presets/material/megamenu/index.js b/packages/themes/src/presets/material/megamenu/index.js index 7155eef51..8c91a0d20 100644 --- a/packages/themes/src/presets/material/megamenu/index.js +++ b/packages/themes/src/presets/material/megamenu/index.js @@ -36,7 +36,7 @@ export default { overlay: { padding: '0', background: '{content.background}', - borderColor: '{content.border.color}', + borderColor: 'transparent', borderRadius: '{content.border.radius}', color: '{content.color}', shadow: '{overlay.navigation.shadow}', diff --git a/packages/themes/src/presets/material/menu/index.js b/packages/themes/src/presets/material/menu/index.js index 63905ce22..b0449c5e9 100644 --- a/packages/themes/src/presets/material/menu/index.js +++ b/packages/themes/src/presets/material/menu/index.js @@ -31,5 +31,10 @@ export default { }, separator: { borderColor: '{content.border.color}' - } + }, + css: ({ dt }) => ` +.p-menu-overlay { + border-color: transparent; +} +` }; diff --git a/packages/themes/src/presets/material/menubar/index.js b/packages/themes/src/presets/material/menubar/index.js index 8cd87a397..2196f0577 100644 --- a/packages/themes/src/presets/material/menubar/index.js +++ b/packages/themes/src/presets/material/menubar/index.js @@ -31,7 +31,7 @@ export default { padding: '{navigation.list.padding}', gap: '{navigation.list.gap}', background: '{content.background}', - borderColor: '{content.border.color}', + borderColor: 'transparent', borderRadius: '{content.border.radius}', shadow: '{overlay.navigation.shadow}', mobileIndent: '1rem' diff --git a/packages/themes/src/presets/material/tieredmenu/index.js b/packages/themes/src/presets/material/tieredmenu/index.js index f11781b90..576f2be10 100644 --- a/packages/themes/src/presets/material/tieredmenu/index.js +++ b/packages/themes/src/presets/material/tieredmenu/index.js @@ -43,5 +43,10 @@ export default { }, separator: { borderColor: '{content.border.color}' - } + }, + css: ({ dt }) => ` +.p-tieredmenu-overlay { + border-color: transparent; +} +` };