Commit ad56a58c authored by Conor Delahunty's avatar Conor Delahunty

Add padding, fix hover state colours, tweak shadow

Making this change to increase the visibility of the adder.
parent 2f7d7d91
...@@ -12,7 +12,7 @@ $adder-transition-duration: 80ms; ...@@ -12,7 +12,7 @@ $adder-transition-duration: 80ms;
background: $white; background: $white;
border: 1px solid rgba(0,0,0,0.20); border: 1px solid rgba(0,0,0,0.20);
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
z-index: 999; z-index: 999;
// Give the adder a very low opacity initially. It will then fade-in when // Give the adder a very low opacity initially. It will then fade-in when
...@@ -79,6 +79,10 @@ $adder-transition-duration: 80ms; ...@@ -79,6 +79,10 @@ $adder-transition-duration: 80ms;
color: $gray-light !important; color: $gray-light !important;
} }
.annotator-adder-actions:hover .annotator-adder-actions__label {
color: $gray-light !important;
}
.annotator-adder-actions__button { .annotator-adder-actions__button {
box-shadow: none; box-shadow: none;
font-family: h; font-family: h;
...@@ -91,7 +95,7 @@ $adder-transition-duration: 80ms; ...@@ -91,7 +95,7 @@ $adder-transition-duration: 80ms;
border: none; border: none;
cursor: pointer; cursor: pointer;
padding-top: 7px; padding-top: 10px;
padding-bottom: 6px; padding-bottom: 6px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
...@@ -111,6 +115,6 @@ $adder-transition-duration: 80ms; ...@@ -111,6 +115,6 @@ $adder-transition-duration: 80ms;
font-size: 11px; font-size: 11px;
margin: 2px 0px; margin: 2px 0px;
font-family: sans-serif; font-family: sans-serif;
color: $gray-light !important; color: $gray-dark !important;
transition: color $adder-transition-duration; transition: color $adder-transition-duration;
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment