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
@ -274,6 +274,40 @@
});
/**
* contains checks to see if a string contains another string
*
* @access private
* @function contains
* @param {string} str - The string we want to check for substrings
* @param {string} substr - The substring we want to search the first string for
* @returns {boolean}
*/
function contains(str, substr) {
return !!~('' + str).indexOf(substr);
}
;
/**
* cssToDOM takes a kebab-case string and converts it to camelCase
* e.g. box-sizing -> boxSizing
*
* @access private
* @function cssToDOM
* @param {string} name - String name of kebab-case prop we want to convert
* @returns {string} The camelCase version of the supplied name
*/
function cssToDOM(name) {
return name.replace(/([a-z])-([a-z])/g, function(str, m1, m2) {
return m1 + m2.toUpperCase();
}).replace(/^-/, '');
}
;
/**
* If the browsers follow the spec, then they would expose vendor-specific style as:
* elem.style.WebkitBorderRadius
@ -319,40 +353,6 @@
ModernizrProto._domPrefixes = domPrefixes;
/**
* contains checks to see if a string contains another string
*
* @access private
* @function contains
* @param {string} str - The string we want to check for substrings
* @param {string} substr - The substring we want to search the first string for
* @returns {boolean}
*/
function contains(str, substr) {
return !!~('' + str).indexOf(substr);
}
;
/**
* cssToDOM takes a kebab-case string and converts it to camelCase
* e.g. box-sizing -> boxSizing
*
* @access private
* @function cssToDOM
* @param {string} name - String name of kebab-case prop we want to convert
* @returns {string} The camelCase version of the supplied name
*/
function cssToDOM(name) {
return name.replace(/([a-z])-([a-z])/g, function(str, m1, m2) {
return m1 + m2.toUpperCase();
}).replace(/^-/, '');
}
;
/**
* fnBind is a super small [bind](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) polyfill.
*
@ -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
@ -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();