Merge "Design Update * Hard shadows * Light border * Fast fadeOut animation * Typeface/Leading * Margin from images * Load popup sooner"

This commit is contained in:
Yuvipanda 2014-02-12 07:42:03 +00:00 committed by Gerrit Code Review
commit bfc72ac048
3 changed files with 9 additions and 6 deletions

View file

@ -75,5 +75,5 @@
}
.mwe-popups-fade-out {
.mwe-popups-animation(mwe-popups-fade-out, 0.3s);
.mwe-popups-animation(mwe-popups-fade-out, 0.15s);
}

View file

@ -217,11 +217,11 @@
if ( cache[ href ] ){
openTimer = setTimeout( function () {
createBox( href, $this );
}, 300 );
}, 150 );
} else {
openTimer = setTimeout( function () {
sendRequest( href, title, $this );
}, 150 ); // sendRequest sooner so that it *hopefully* shows up in 300ms
}, 50 ); // sendRequest sooner so that it *hopefully* shows up in 150ms
}
// Delay to avoid triggering the popup and AJAX requests on accidental
// hovers (likes ones during srcolling or moving the pointer elsewhere).

View file

@ -6,8 +6,8 @@
position: absolute;
z-index: 5;
background: #fff;
border: 1px solid #aaa;
box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 3px;
border: 1px solid #f0f0f0;
box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 0;
padding: 0;
font-size: 12px;
display: none;
@ -15,7 +15,7 @@
min-width: 300px;
&:hover {
box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 0px;
}
> a {
@ -30,6 +30,8 @@
> div {
padding: 1.6em;
font-size: 13px;
line-height: 19.2px;
+ div {
padding: 0.8em;
@ -39,6 +41,7 @@
> img.mwe-popups-is-tall{
float: right;
padding-left: 1.6em;
}
> img.mwe-popups-is-not-tall{