app/assets/stylesheets/active_admin/components/_popovers.css.scss in activeadmin-0.6.0 vs app/assets/stylesheets/active_admin/components/_popovers.css.scss in activeadmin-0.6.1
- old
+ new
@@ -9,109 +9,109 @@
border: solid 1px darken($primary-color, 10%);
border-top-color: darken($primary-color, 4%);
border-bottom-color: darken($primary-color, 17%);
border-radius: 4px;
-
+
.popover_nipple{
- // The nipple's border
+ // The nipple's border
content: "";
position: absolute;
top: -6px;
display: block;
- width: 0;
- height: 0;
+ width: 0;
+ height: 0;
border-width: 0 6px 6px;
border-style: solid;
- border-color: darken($primary-color, 4%) transparent;
+ border-color: darken($primary-color, 4%) transparent;
z-index: 100;
- // The nipple's inner shadow
+ // The nipple's inner shadow
&:before {
- content: ' ';
- position: absolute;
- width: 0;
- height: 0;
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
border-width: 0 5px 5px;
border-style: solid;
border-color: lighten($primary-color, 15%) transparent;
left: -5px;
top: 1px;
}
// The nipple's background color
&:after {
- content: ' ';
- position: absolute;
- width: 0;
- height: 0;
+ content: ' ';
+ position: absolute;
+ width: 0;
+ height: 0;
border-width: 0 5px 5px;
border-style: solid;
border-color: lighten($primary-color, 4%) transparent;
left: -5px;
top: 2px;
}
}
-
+
.popover_contents {
display: block;
background-color: #FFF;
- border: solid 1px darken($primary-color, 10%);
- box-shadow: lighten($primary-color, 5%) 0px 1px 0px 0px;
+ border: solid 1px darken($primary-color, 10%);
+ box-shadow: lighten($primary-color, 5%) 0px 1px 0px 0px;
border-radius: 3px;
margin: 0;
overflow: hidden;
padding: 8px;
}
-
+
}
-
+
//-------------------------------------- Popover with action list
.popover {
ul.popover_contents {
list-style-type: none;
padding: 0;
-
+
li {
display: block;
border-bottom: solid 1px #ebebeb;
@include box-sizing(border-box);
-
+
a {
display: block;
- @include box-sizing(padding-box);
+ @include box-sizing(padding-box);
font-size: 0.95em;
font-weight: bold;
padding: 7px 16px 5px;
text-decoration: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-
+
&:hover {
@include highlight-gradient;
@include text-shadow(#5a83aa);
color: #FFF;
}
-
+
&:active {
@include reverse-highlight-gradient;
color: #FFF;
}
-
+
}
&:first-child {
a {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
-
+
}
-
+
&:last-child {
a {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}