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