Remove CSS transition on window resize
They do more harm than good. We still have the "HD" and "non-HD" styles, just no smooth transitions between them. Bug: T85614 Change-Id: I52dd9883eb4e7df00f0613182d4adaa3f28fe5b7
This commit is contained in:
parent
1ba842a765
commit
4cec8a7058
@ -39,8 +39,6 @@ class SkinVector extends SkinTemplate {
|
|||||||
$this->vectorConfig = $config;
|
$this->vectorConfig = $config;
|
||||||
}
|
}
|
||||||
|
|
||||||
protected static $bodyClasses = array( 'vector-animateLayout' );
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Initializes output page and sets up skin-specific parameters
|
* Initializes output page and sets up skin-specific parameters
|
||||||
* @param OutputPage $out Object to initialize
|
* @param OutputPage $out Object to initialize
|
||||||
@ -79,18 +77,4 @@ class SkinVector extends SkinTemplate {
|
|||||||
public function setupTemplate( $classname, $repository = false, $cache_dir = false ) {
|
public function setupTemplate( $classname, $repository = false, $cache_dir = false ) {
|
||||||
return new $classname( $this->vectorConfig );
|
return new $classname( $this->vectorConfig );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Adds classes to the body element.
|
|
||||||
*
|
|
||||||
* @param OutputPage $out
|
|
||||||
* @param array &$bodyAttrs Array of attributes that will be set on the body element
|
|
||||||
*/
|
|
||||||
function addToBodyAttributes( $out, &$bodyAttrs ) {
|
|
||||||
if ( isset( $bodyAttrs['class'] ) && strlen( $bodyAttrs['class'] ) > 0 ) {
|
|
||||||
$bodyAttrs['class'] .= ' ' . implode( ' ', static::$bodyClasses );
|
|
||||||
} else {
|
|
||||||
$bodyAttrs['class'] = implode( ' ', static::$bodyClasses );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
@ -1,28 +0,0 @@
|
|||||||
/* Animate between standard and high definition layouts */
|
|
||||||
body.vector-animateLayout {
|
|
||||||
.mw-body,
|
|
||||||
div#footer,
|
|
||||||
#left-navigation {
|
|
||||||
.transition(margin-left 250ms, padding 250ms;);
|
|
||||||
}
|
|
||||||
|
|
||||||
#p-logo {
|
|
||||||
.transition(left 250ms);
|
|
||||||
}
|
|
||||||
|
|
||||||
#mw-panel {
|
|
||||||
.transition(padding-right 250ms);
|
|
||||||
}
|
|
||||||
|
|
||||||
#p-search {
|
|
||||||
.transition(margin-right 250ms);
|
|
||||||
}
|
|
||||||
|
|
||||||
#p-personal {
|
|
||||||
.transition(right 250ms);
|
|
||||||
}
|
|
||||||
|
|
||||||
#mw-head-base {
|
|
||||||
.transition(margin-left 250ms);
|
|
||||||
}
|
|
||||||
}
|
|
@ -3,7 +3,6 @@
|
|||||||
@import "variables.less";
|
@import "variables.less";
|
||||||
|
|
||||||
@import "components/common.less";
|
@import "components/common.less";
|
||||||
@import "components/animations.less";
|
|
||||||
@import "components/navigation.less";
|
@import "components/navigation.less";
|
||||||
@import "components/footer.less";
|
@import "components/footer.less";
|
||||||
@import "components/externalLinks.less";
|
@import "components/externalLinks.less";
|
||||||
|
Loading…
Reference in New Issue
Block a user