Fix e-strip-animation class

This commit is contained in:
RainLoop Team 2016-05-07 22:30:08 +03:00
parent cb006abbc1
commit b64fedfacd
5 changed files with 141 additions and 227 deletions

View file

@ -94,5 +94,4 @@
@import "SettingsFilters.less";
@import "Animations.less";
//@import "Responsive.less";
@import "_End.less";

View file

@ -63,7 +63,7 @@ html.csstransitions.rl-started-delay {
}
}
.rl-anim {
html.rl-anim {
&.cssanimations.csstransitions.no-mobile .b-login-content .errorAnimated {
animation: login-form-shake 400ms ease-in-out;

View file

@ -1,169 +0,0 @@
html.ssm-state-mobile111 {
&.rl-message-fullscreen {
#rl-right {
.RL-MailMessageView {
#rl-sub-right {
right: 0px;
width:20px;
left:0px;
.messageView {
.toolbar {
display: block!important;
z-index:105;
max-width: 200px;
position:absolute;
left:0px;
right:70px;
.dropdown-menu {
left:auto;
right:0px;
}
}
.b-content {
z-index:100;
top:45px;
width:auto;
.buttonUnFull {
top:10px;
right:5px;
opacity:0.7;
}
.buttonUp {
display:none;
}
}
}
}
}
.RL-MailMessageList {
#rl-sub-left {
.messageList {
.toolbar {
display:none!important;
}
}
}
}
}
}
#rl-right {
.RL-MailMessageView {
.messageView {
.toolbar {
display:none!important;
}
.b-content {
right:0px;
width:500px;
top:85px;
.messageItem {
.buttonFull {
z-index: 101;
top:90px;
right:0px;
width:35px;
bottom:10px;
height:auto;
opacity:1.0;
border:none;
border-radius:0px;
background:none;
&:hover {
background:#FFFFFF;
opacity:0.5;
color:#000000;
}
i {
position:absolute;
bottom:5px;
right:1px;
background:#F5F5F5;
border:1px solid #B7B7B7;
border-radius:4px;
padding:7px;
}
}
}
}
}
}
}
#rl-sub-left {
width:auto;
right:35px;
.messageList {
.toolbar {
right:50px;
.btn-group {
margin-bottom:5px;
.dropdown-menu {
left:auto;
right:0px;
}
#move-dropdown-id + .dropdown-menu {
left:0px;
right:auto;
}
}
}
.b-message-list-wrapper {
top:80px;
.second-toolbar {
.form-inline {
.input-append {
width:90%;
.inputSearch {
width:80%;
}
}
}
}
}
}
}
#rl-sub-right {
right:0px;
left:auto;
width:35px;
}
#rl-center {
min-width: 0px;
}
.b-compose.modal,
.b-contacts-content.modal,
.b-compose.modal,
.b-contacts-content.modal,
.b-advanced-search-content.modal {
width: 95%;
max-width: 700px;
}
.b-compose.modal {
.b-header {
max-height:130px;
padding-bottom:10px;
overflow:auto;
}
.cke_top {
max-height:30px;
overflow:auto;
}
}
.b-advanced-search-content.modal {
.control-label {
width:60px;
}
.controls {
margin-left:70px;
}
}
}

View file

@ -5,7 +5,10 @@
],
"feature-detects": [
"test/css/animations",
"test/css/backgroundsize",
"test/css/boxshadow",
"test/css/rgba",
"test/css/textshadow",
"test/css/transitions"
]
}

View file

@ -1,6 +1,6 @@
/*!
* modernizr v3.3.1
* Build http://modernizr.com/download?-cssanimations-csstransitions-rgba-setclasses-dontmin
* Build http://modernizr.com/download?-backgroundsize-boxshadow-cssanimations-csstransitions-rgba-textshadow-setclasses-dontmin
*
* Copyright (c)
* Faruk Ates
@ -24,10 +24,10 @@
;(function(window, document, undefined){
var classes = [];
var tests = [];
/**
*
@ -76,7 +76,7 @@
}
};
// Fake some of Object.create so we can force non test results to be non "own" properties.
var Modernizr = function() {};
@ -86,7 +86,7 @@
// Overwrite name so constructor name is nicer :D
Modernizr = new Modernizr();
/**
* is returns a boolean if the typeof an obj is exactly type.
@ -182,7 +182,7 @@
*/
var docElement = document.documentElement;
/**
* A convenience helper to check if the document we are running in is an SVG document
@ -192,7 +192,7 @@
*/
var isSVG = docElement.nodeName.toLowerCase() === 'svg';
/**
* setClasses takes an array of class names and adds them to the root element
@ -274,51 +274,6 @@
});
/**
* If the browsers follow the spec, then they would expose vendor-specific style as:
* elem.style.WebkitBorderRadius
* instead of something like the following, which would be technically incorrect:
* elem.style.webkitBorderRadius
* Webkit ghosts their properties in lowercase but Opera & Moz do not.
* Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+
* erik.eae.net/archives/2008/03/10/21.48.10/
* More here: github.com/Modernizr/Modernizr/issues/issue/21
*
* @access private
* @returns {string} The string representing the vendor-specific style properties
*/
var omPrefixes = 'Moz O ms Webkit';
var cssomPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.split(' ') : []);
ModernizrProto._cssomPrefixes = cssomPrefixes;
/**
* List of JavaScript DOM values used for tests
*
* @memberof Modernizr
* @name Modernizr._domPrefixes
* @optionName Modernizr._domPrefixes
* @optionProp domPrefixes
* @access public
* @example
*
* Modernizr._domPrefixes is exactly the same as [_prefixes](#modernizr-_prefixes), but rather
* than kebab-case properties, all properties are their Capitalized variant
*
* ```js
* Modernizr._domPrefixes === [ "Moz", "O", "ms", "Webkit" ];
* ```
*/
var domPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.toLowerCase().split(' ') : []);
ModernizrProto._domPrefixes = domPrefixes;
/**
* contains checks to see if a string contains another string
@ -353,6 +308,51 @@
}
;
/**
* If the browsers follow the spec, then they would expose vendor-specific style as:
* elem.style.WebkitBorderRadius
* instead of something like the following, which would be technically incorrect:
* elem.style.webkitBorderRadius
* Webkit ghosts their properties in lowercase but Opera & Moz do not.
* Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+
* erik.eae.net/archives/2008/03/10/21.48.10/
* More here: github.com/Modernizr/Modernizr/issues/issue/21
*
* @access private
* @returns {string} The string representing the vendor-specific style properties
*/
var omPrefixes = 'Moz O ms Webkit';
var cssomPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.split(' ') : []);
ModernizrProto._cssomPrefixes = cssomPrefixes;
/**
* List of JavaScript DOM values used for tests
*
* @memberof Modernizr
* @name Modernizr._domPrefixes
* @optionName Modernizr._domPrefixes
* @optionProp domPrefixes
* @access public
* @example
*
* Modernizr._domPrefixes is exactly the same as [_prefixes](#modernizr-_prefixes), but rather
* than kebab-case properties, all properties are their Capitalized variant
*
* ```js
* Modernizr._domPrefixes === [ "Moz", "O", "ms", "Webkit" ];
* ```
*/
var domPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.toLowerCase().split(' ') : []);
ModernizrProto._domPrefixes = domPrefixes;
/**
* fnBind is a super small [bind](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) polyfill.
*
@ -424,7 +424,7 @@
delete modElem.elem;
});
var mStyle = {
style: modElem.elem.style
@ -436,7 +436,7 @@
delete mStyle.style;
});
/**
* domToCSS takes a camelCase string and converts it to kebab-case
@ -688,6 +688,57 @@
;
/**
* testProp() investigates whether a given style property is recognized
* Property names can be provided in either camelCase or kebab-case.
*
* @memberof Modernizr
* @name Modernizr.testProp
* @access public
* @optionName Modernizr.testProp()
* @optionProp testProp
* @function testProp
* @param {string} prop - Name of the CSS property to check
* @param {string} [value] - Name of the CSS value to check
* @param {boolean} [useValue] - Whether or not to check the value if @supports isn't supported
* @returns {boolean}
* @example
*
* Just like [testAllProps](#modernizr-testallprops), only it does not check any vendor prefixed
* version of the string.
*
* Note that the property name must be provided in camelCase (e.g. boxSizing not box-sizing)
*
* ```js
* Modernizr.testProp('pointerEvents') // true
* ```
*
* You can also provide a value as an optional second argument to check if a
* specific value is supported
*
* ```js
* Modernizr.testProp('pointerEvents', 'none') // true
* Modernizr.testProp('pointerEvents', 'penguin') // false
* ```
*/
var testProp = ModernizrProto.testProp = function(prop, value, useValue) {
return testProps([prop], undefined, value, useValue);
};
/*!
{
"name": "CSS textshadow",
"property": "textshadow",
"caniuse": "css-textshadow",
"tags": ["css"],
"knownBugs": ["FF3.0 will false positive on this test"]
}
!*/
Modernizr.addTest('textshadow', testProp('textShadow', '1px 1px'));
/**
* testPropsAll tests a list of DOM properties we want to check against.
* We specify literally ALL possible (known and/or likely) properties on
@ -725,7 +776,7 @@
// Modernizr.testAllProps('boxSizing')
ModernizrProto.testAllProps = testPropsAll;
/**
* testAllProps determines whether a given CSS property is supported in the browser
@ -768,7 +819,7 @@
return testPropsAll(prop, undefined, undefined, value, skipValueTest);
}
ModernizrProto.testAllProps = testAllProps;
/*!
{
"name": "CSS Animations",
@ -789,6 +840,21 @@ Detects whether or not elements can be animated using CSS
Modernizr.addTest('cssanimations', testAllProps('animationName', 'a', true));
/*!
{
"name": "Background Size",
"property": "backgroundsize",
"tags": ["css"],
"knownBugs": ["This will false positive in Opera Mini - https://github.com/Modernizr/Modernizr/issues/396"],
"notes": [{
"name": "Related Issue",
"href": "https://github.com/Modernizr/Modernizr/issues/396"
}]
}
!*/
Modernizr.addTest('backgroundsize', testAllProps('backgroundSize', '100%', true));
/*!
{
"name": "CSS Transitions",
@ -800,6 +866,21 @@ Detects whether or not elements can be animated using CSS
Modernizr.addTest('csstransitions', testAllProps('transition', 'all', true));
/*!
{
"name": "Box Shadow",
"property": "boxshadow",
"caniuse": "css-boxshadow",
"tags": ["css"],
"knownBugs": [
"WebOS false positives on this test.",
"The Kindle Silk browser false positives"
]
}
!*/
Modernizr.addTest('boxshadow', testAllProps('boxShadow', '1px 1px', true));
// Run each test
testRunner();