From 362fa49d0c6b18257de704a432c679e00fa6453a Mon Sep 17 00:00:00 2001 From: Nikita Poltoratsky Date: Tue, 20 Feb 2018 13:38:36 +0200 Subject: [PATCH] feat(popover): add popover-border-radius theme var (#254) --- .../theme/components/popover/_popover.component.theme.scss | 1 + src/framework/theme/components/popover/popover.component.scss | 1 - src/framework/theme/components/popover/popover.component.ts | 1 + src/framework/theme/styles/themes/_default.scss | 1 + 4 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/framework/theme/components/popover/_popover.component.theme.scss b/src/framework/theme/components/popover/_popover.component.theme.scss index 1476d42186..28463c6b5c 100644 --- a/src/framework/theme/components/popover/_popover.component.theme.scss +++ b/src/framework/theme/components/popover/_popover.component.theme.scss @@ -8,6 +8,7 @@ nb-popover { $arrow-size: 11px; border: 2px solid nb-theme(popover-border); + border-radius: nb-theme(popover-border-radius); background: nb-theme(popover-bg); box-shadow: nb-theme(popover-shadow); diff --git a/src/framework/theme/components/popover/popover.component.scss b/src/framework/theme/components/popover/popover.component.scss index 38ba6e51d9..38a9211741 100644 --- a/src/framework/theme/components/popover/popover.component.scss +++ b/src/framework/theme/components/popover/popover.component.scss @@ -10,7 +10,6 @@ position: absolute; z-index: 10000; - border-radius: 5px; top: 200px; .primitive-popover { diff --git a/src/framework/theme/components/popover/popover.component.ts b/src/framework/theme/components/popover/popover.component.ts index a79e4128c4..90d10974d3 100644 --- a/src/framework/theme/components/popover/popover.component.ts +++ b/src/framework/theme/components/popover/popover.component.ts @@ -23,6 +23,7 @@ export type NbPopoverContent = string | TemplateRef | Type; * popover-fg * popover-bg * popover-border + * popover-border-radius * popover-shadow * */ @Component({ diff --git a/src/framework/theme/styles/themes/_default.scss b/src/framework/theme/styles/themes/_default.scss index 02b4cadb3a..acac346e07 100644 --- a/src/framework/theme/styles/themes/_default.scss +++ b/src/framework/theme/styles/themes/_default.scss @@ -235,6 +235,7 @@ $theme: ( popover-fg: color-fg-heading, popover-bg: color-bg, popover-border: color-success, + popover-border-radius: radius, popover-shadow: none, actions-font-size: font-size,