From 0cbc1fe66379f5d5fb38fdf2c486dacf9c99690e Mon Sep 17 00:00:00 2001 From: Sergey Andrievskiy Date: Tue, 27 Nov 2018 10:34:20 +0300 Subject: [PATCH] fix(popover): inner triangle size --- .../components/popover/_popover.component.theme.scss | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/framework/theme/components/popover/_popover.component.theme.scss b/src/framework/theme/components/popover/_popover.component.theme.scss index e3caed4d5f..588081920e 100644 --- a/src/framework/theme/components/popover/_popover.component.theme.scss +++ b/src/framework/theme/components/popover/_popover.component.theme.scss @@ -7,7 +7,6 @@ @mixin nb-popover-theme { nb-popover { $arrow-size: nb-theme(popover-arrow-size); - $arrow-content-size: calc(#{$arrow-size} - 2px); border: 2px solid nb-theme(popover-border); border-radius: nb-theme(popover-border-radius); @@ -23,17 +22,17 @@ border-right: $arrow-size solid transparent; border-bottom: $arrow-size solid nb-theme(popover-border); - &::after { position: absolute; content: ' '; width: 0; height: 0; top: 3px; - left: calc(50% - #{$arrow-content-size}); - border-left: $arrow-content-size solid transparent; - border-right: $arrow-content-size solid transparent; - border-bottom: $arrow-content-size solid nb-theme(popover-bg); + left: calc(50% - #{$arrow-size}); + border-left: $arrow-size solid transparent; + border-right: $arrow-size solid transparent; + border-bottom: $arrow-size solid nb-theme(popover-bg); + clip-path: inset(0 0 2px); } }