feat(popover): add popover-border-radius theme var (#254)

akveo · Feb 20, 2018 · 362fa49 · 362fa49
1 parent c826187
commit 362fa49
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 1 deletion.
diff --git 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
@@ -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
@@ -23,6 +23,7 @@ export type NbPopoverContent = string | TemplateRef<any> | Type<any>;
  * 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
@@ -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,