@import "ui-variables"; .popover-container { display:inline-block; position:relative; } .popover { background-color: @background-primary; border-radius: @border-radius-base; box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 -0.5px 0 rgba(0, 0, 0, 0.15), 0.5px 0 0 rgba(0, 0, 0, 0.15), -0.5px 0 0 rgba(0, 0, 0, 0.15), 0 4px 7px rgba(0,0,0,0.15); .menu { z-index:1; position: relative; .content-container { background: none; } .header-container { border-top-left-radius: @border-radius-base; border-top-right-radius: @border-radius-base; background: none; } .footer-container { border-bottom-left-radius: @border-radius-base; border-bottom-right-radius: @border-radius-base; background: none; .item:last-child:hover { border-bottom-left-radius: @border-radius-base; border-bottom-right-radius: @border-radius-base; } } } .popover-pointer { -webkit-mask-image: url('images/tooltip/tooltip-bg-pointer@2x.png'); background-color: @background-primary; } .popover-pointer.shadow { -webkit-mask-image: url('images/tooltip/tooltip-bg-pointer-shadow@2x.png'); background-color: fade(@black, 22%); } } body.platform-win32 { .popover { border-radius: 0; } .menu { .header-container, .footer-container { border-radius: 0; } } }