wikimedia/mediawiki-extensions-Popups
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups synced 2024-09-23 10:21:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Design Update

Browse source 
* Hard shadows
* Light border
* Fast fadeOut animation
* Typeface/Leading
* Margin from images
* Load popup sooner

Change-Id: I19ccf88b47c37c994ebf4a84b93490e5645724a5
This commit is contained in:
Prateek Saxena 2014-02-12 05:35:57 +05:30
parent 4075898b9d
commit c817c3fdd9
3 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/ext.popups.animation.less
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);
}

4
resources/ext.popups.core.js
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).

9
resources/ext.popups.core.less
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{