Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Slight button and popover style enhancements

  • Loading branch information...
commit 711e56204665b3a20f03e3a0de7c849d1f1f687e 1 parent 230be0b
@mattvague authored
View
5 app/assets/stylesheets/active_admin/components/_popovers.css.scss
@@ -3,7 +3,7 @@
position: absolute;
background-color: white;
padding: 2px;
- @include box-shadow(rgba(0,0,0,0.4) 0 1px 3px, lighten($primary-color, 13%) 0px 1px 0px 0px inset);
+ @include box-shadow(rgba(0,0,0,0.4) 0 1px 3px, lighten($primary-color, 15%) 0px 1px 0px 0px inset);
background-color: $primary-color;
@include gradient(lighten($primary-color, 4%), darken($primary-color, 5%));
border: solid 1px darken($primary-color, 10%);
@@ -35,7 +35,7 @@
height: 0;
border-width: 0 5px 5px;
border-style: solid;
- border-color: lighten($primary-color, 13%) transparent;
+ border-color: lighten($primary-color, 15%) transparent;
left: -5px;
top: 1px;
}
@@ -59,6 +59,7 @@
display: block;
background-color: #FFF;
border: solid 1px darken($primary-color, 10%);
+ @include box-shadow(lighten($primary-color, 5%) 0px 1px 0px 0px);
border-radius: 3px;
margin: 0;
overflow: hidden;
View
1  app/assets/stylesheets/active_admin/components/_table_tools.css.scss
@@ -23,7 +23,6 @@ a.table_tools_button {
@include gradient(#FFF, #F0F0F0);
@include border-colors(#d9d9d9, #d0d0d0, #c5c5c5);
font-size: 0.9em;
- color: #555;
text-decoration: none;
padding: 4px 14px 4px;
position: relative;
View
24 app/assets/stylesheets/active_admin/mixins/_buttons.css.scss
@@ -21,33 +21,35 @@
@include basic-button;
@include gradient(lighten($primary-color, 15%), darken($primary-color, 12%));
@include text-shadow(#000);
- @include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px rgba(255,255,255, 0.2) inset);
+ @include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 1px 0 0px rgba(255,255,255, 0.2) inset);
border: solid 1px #484e53;
@include border-colors(#616a71, #484e53, #363b3f);
color: #efefef;
- &:not(.disabled):hover{
- @include gradient(lighten($primary-color, 18%), darken($primary-color, 9%));
- }
-
- &:not(.disabled):active {
- @include box-shadow(0 1px 3px rgba(0,0,0,0.40) inset, 0 1px 0 0px #FFF);
- @include gradient(lighten($primary-color, 13%), darken($primary-color, 14%));
+ &:not(.disabled) {
+ &:hover{
+ @include gradient(lighten($primary-color, 18%), darken($primary-color, 9%));
+ }
+
+ &:active {
+ @include box-shadow(0 1px 3px rgba(0,0,0,0.40) inset, 0 1px 0 0px #FFF);
+ @include gradient(lighten($primary-color, 8%), darken($primary-color, 17%));
+ }
}
}
@mixin light-button {
@include basic-button;
@include gradient(#FFF, #E7E7E7);
- @include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px rgba(255,255,255, 0.8) inset);
+ @include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 1px 0 0 rgba(255,255,255, 0.8) inset);
border: solid 1px #c7c7c7;
@include border-colors(#d3d3d3, #c7c7c7, #c2c2c2);
@include text-shadow;
- color: #777;
+ color: $primary-color;
&:not(.disabled) {
&:hover {
- @include gradient(#FFF, #F0F0F0);
+ @include gradient(#FFF, #F1F1F1);
}
&:active {
Please sign in to comment.
Something went wrong with that request. Please try again.