Skip to content

C
coopwire-hypothesis
Commit a748fd0a authored by Randall Leeds's avatar Randall Leeds
Browse files
Options

slick pop-out on detail hovers

parent ec726232
Hide whitespace changes
Inline Side-by-side
Showing with 6 additions and 4 deletions
hypothesis/sass/app.scss
View file @ a748fd0a
...@@ -267,10 +267,10 @@ $threadexp-width: 1em; ...@@ -267,10 +267,10 @@ $threadexp-width: 1em;
//CONTROLS //CONTROLS
.annotator-controls { .annotator-controls {
@include box-shadow(0 0 1em 1em #fff); @include box-shadow(-1em 0 1em 0 #fff);
background-color: #fff; background-color: #fff;
position: absolute; position: absolute;
right: 2em; right: 0;
z-index: 1; z-index: 1;
a { a {
text-decoration: underline; text-decoration: underline;
...@@ -445,8 +445,9 @@ $threadexp-width: 1em; ...@@ -445,8 +445,9 @@ $threadexp-width: 1em;
//ANNOTATION DETAIL //ANNOTATION DETAIL
.hyp-detail { .hyp-detail {
@include single-transition(opacity, 0.6s, ease-in-out); @include single-transition(all, 0.1s, ease-in-out);
margin-left: -$thread-padding / 2; margin-left: -$thread-padding / 2;
position: relative;
& > .hyp-reply > .hyp-meta > .annotator-controls { & > .hyp-reply > .hyp-meta > .annotator-controls {
@include single-transition(opacity, 0.25s, ease-in-out); @include single-transition(opacity, 0.25s, ease-in-out);
...@@ -468,8 +469,9 @@ $threadexp-width: 1em; ...@@ -468,8 +469,9 @@ $threadexp-width: 1em;
margin-left: $thread-padding / 2; margin-left: $thread-padding / 2;
.hyp-detail.hyp-hover { .hyp-detail.hyp-hover {
@include box-shadow(-.5em 0 .5em -.5em #999); @include box-shadow(-.1em 0 .5em #999);
outline-left: thin solid $gray-lighter; outline-left: thin solid $gray-lighter;
left: 3px;
} }
.hyp-body { .hyp-body {
......
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