vendor/assets/stylesheets/_popover.scss in active_frontend-6.2.0 vs vendor/assets/stylesheets/_popover.scss in active_frontend-6.3.0

- old
+ new

@@ -13,104 +13,103 @@ float: none; font-style: normal; letter-spacing: 0; left: 0; position: absolute; + text-align: left; text-decoration: none; text-transform: none; - text-align: left; top: 0; width: 276px; white-space: normal; z-index: 1060; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } -.popover-title { - background: rgba(245,248,250,1); - border-bottom: 1px solid rgba(225,232,237,1); +.popover-title, +.popover-content { color: rgba(35,41,55,1); - font-weight: bold; + font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 0; - line-height: 18px; margin: 0; padding: 10px 15px; } +.popover-title { + background: rgba(245,248,250,1); + border-bottom: 1px solid rgba(225,232,237,1); + font-weight: bold; + line-height: 18px; +} .popover-title:empty { display: none; } .popover-content { background: rgba(255,255,255,1); - color: rgba(35,41,55,1); - font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; - font-size: 14px; - letter-spacing: 0; line-height: 20px; - padding: 10px 15px; } .popover .arrow, .popover .arrow:after { border-color: transparent; border-style: solid; display: block; height: 0; position: absolute; width: 0; } -.popover .arrow { border-width: 11px; } -.popover .arrow:after { +.popover > .arrow { border-width: 11px; } +.popover > .arrow:after { border-width: 10px; content: ""; } -.popover.top .arrow { +.popover.top > .arrow { border-bottom-width: 0; border-top-color: rgba(235,238,240,1); bottom: -11px; left: 50%; margin-left: -11px; } -.popover.top .arrow:after { +.popover.top > .arrow:after { border-bottom-width: 0; border-top-color: rgba(255,255,255,1); bottom: 1px; margin-left: -10px; } -.popover.right .arrow { +.popover.right > .arrow { border-right-color: rgba(235,238,240,1); border-left-width: 0; left: -11px; margin-top: -11px; top: 50%; } -.popover.right .arrow:after { +.popover.right > .arrow:after { border-right-color: rgba(255,255,255,1); border-left-width: 0; bottom: -10px; left: 1px; } -.popover.bottom .arrow { +.popover.bottom > .arrow { border-bottom-color: rgba(235,238,240,1); border-top-width: 0; left: 50%; margin-left: -11px; top: -11px; } -.popover.bottom .arrow:after { +.popover.bottom > .arrow:after { border-bottom-color: rgba(255,255,255,1); border-top-width: 0; margin-left: -10px; top: 1px; } -.popover.left .arrow { +.popover.left > .arrow { border-right-width: 0; border-left-color: rgba(235,238,240,1); margin-top: -11px; right: -11px; top: 50%; } -.popover.left .arrow:after { +.popover.left > .arrow:after { border-right-width: 0; border-left-color: rgba(255,255,255,1); bottom: -10px; right: 1px; } \ No newline at end of file