mirror of
https://github.com/the-djmaze/snappymail.git
synced 2025-10-03 10:24:20 +08:00
Fix e-strip-animation class
This commit is contained in:
RainLoop Team
parent
cb006abbc1
commit
b64fedfacd
5 changed files with 141 additions and 227 deletions
|
|
@ -94,5 +94,4 @@
|
||||||
@import "SettingsFilters.less";
|
@import "SettingsFilters.less";
|
||||||
|
|
||||||
@import "Animations.less";
|
@import "Animations.less";
|
||||||
//@import "Responsive.less";
|
|
||||||
@import "_End.less";
|
@import "_End.less";
|
||||||
|
|
|
||||||
|
|
@ -63,7 +63,7 @@ html.csstransitions.rl-started-delay {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.rl-anim {
|
html.rl-anim {
|
||||||
|
|
||||||
&.cssanimations.csstransitions.no-mobile .b-login-content .errorAnimated {
|
&.cssanimations.csstransitions.no-mobile .b-login-content .errorAnimated {
|
||||||
animation: login-form-shake 400ms ease-in-out;
|
animation: login-form-shake 400ms ease-in-out;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
3
vendors/modernizr/config.json
vendored
3
vendors/modernizr/config.json
vendored
|
|
@ -5,7 +5,10 @@
|
||||||
],
|
],
|
||||||
"feature-detects": [
|
"feature-detects": [
|
||||||
"test/css/animations",
|
"test/css/animations",
|
||||||
|
"test/css/backgroundsize",
|
||||||
|
"test/css/boxshadow",
|
||||||
"test/css/rgba",
|
"test/css/rgba",
|
||||||
|
"test/css/textshadow",
|
||||||
"test/css/transitions"
|
"test/css/transitions"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
193
vendors/modernizr/modernizr-custom.js
vendored
193
vendors/modernizr/modernizr-custom.js
vendored
|
|
@ -1,6 +1,6 @@
|
||||||
/*!
|
/*!
|
||||||
* modernizr v3.3.1
|
* 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)
|
* Copyright (c)
|
||||||
* Faruk Ates
|
* Faruk Ates
|
||||||
|
|
@ -24,10 +24,10 @@
|
||||||
|
|
||||||
;(function(window, document, undefined){
|
;(function(window, document, undefined){
|
||||||
var classes = [];
|
var classes = [];
|
||||||
|
|
||||||
|
|
||||||
var tests = [];
|
var tests = [];
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
*
|
*
|
||||||
|
|
@ -76,7 +76,7 @@
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Fake some of Object.create so we can force non test results to be non "own" properties.
|
// Fake some of Object.create so we can force non test results to be non "own" properties.
|
||||||
var Modernizr = function() {};
|
var Modernizr = function() {};
|
||||||
|
|
@ -86,7 +86,7 @@
|
||||||
// Overwrite name so constructor name is nicer :D
|
// Overwrite name so constructor name is nicer :D
|
||||||
Modernizr = new Modernizr();
|
Modernizr = new Modernizr();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* is returns a boolean if the typeof an obj is exactly type.
|
* is returns a boolean if the typeof an obj is exactly type.
|
||||||
|
|
@ -182,7 +182,7 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
var docElement = document.documentElement;
|
var docElement = document.documentElement;
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* A convenience helper to check if the document we are running in is an SVG document
|
* 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';
|
var isSVG = docElement.nodeName.toLowerCase() === 'svg';
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* setClasses takes an array of class names and adds them to the root element
|
* 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
|
* 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.
|
* 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;
|
delete modElem.elem;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var mStyle = {
|
var mStyle = {
|
||||||
style: modElem.elem.style
|
style: modElem.elem.style
|
||||||
|
|
@ -436,7 +436,7 @@
|
||||||
delete mStyle.style;
|
delete mStyle.style;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* domToCSS takes a camelCase string and converts it to kebab-case
|
* 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.
|
* testPropsAll tests a list of DOM properties we want to check against.
|
||||||
* We specify literally ALL possible (known and/or likely) properties on
|
* We specify literally ALL possible (known and/or likely) properties on
|
||||||
|
|
@ -725,7 +776,7 @@
|
||||||
// Modernizr.testAllProps('boxSizing')
|
// Modernizr.testAllProps('boxSizing')
|
||||||
ModernizrProto.testAllProps = testPropsAll;
|
ModernizrProto.testAllProps = testPropsAll;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* testAllProps determines whether a given CSS property is supported in the browser
|
* testAllProps determines whether a given CSS property is supported in the browser
|
||||||
|
|
@ -768,7 +819,7 @@
|
||||||
return testPropsAll(prop, undefined, undefined, value, skipValueTest);
|
return testPropsAll(prop, undefined, undefined, value, skipValueTest);
|
||||||
}
|
}
|
||||||
ModernizrProto.testAllProps = testAllProps;
|
ModernizrProto.testAllProps = testAllProps;
|
||||||
|
|
||||||
/*!
|
/*!
|
||||||
{
|
{
|
||||||
"name": "CSS Animations",
|
"name": "CSS Animations",
|
||||||
|
|
@ -789,6 +840,21 @@ Detects whether or not elements can be animated using CSS
|
||||||
|
|
||||||
Modernizr.addTest('cssanimations', testAllProps('animationName', 'a', true));
|
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",
|
"name": "CSS Transitions",
|
||||||
|
|
@ -800,6 +866,21 @@ Detects whether or not elements can be animated using CSS
|
||||||
|
|
||||||
Modernizr.addTest('csstransitions', testAllProps('transition', 'all', true));
|
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
|
// Run each test
|
||||||
testRunner();
|
testRunner();
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue