mirror of
https://github.com/the-djmaze/snappymail.git
synced 2025-10-06 03:44:56 +08:00
Fix e-strip-animation class
This commit is contained in:
parent
cb006abbc1
commit
b64fedfacd
5 changed files with 141 additions and 227 deletions
|
@ -94,5 +94,4 @@
|
|||
@import "SettingsFilters.less";
|
||||
|
||||
@import "Animations.less";
|
||||
//@import "Responsive.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 {
|
||||
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": [
|
||||
"test/css/animations",
|
||||
"test/css/backgroundsize",
|
||||
"test/css/boxshadow",
|
||||
"test/css/rgba",
|
||||
"test/css/textshadow",
|
||||
"test/css/transitions"
|
||||
]
|
||||
}
|
151
vendors/modernizr/modernizr-custom.js
vendored
151
vendors/modernizr/modernizr-custom.js
vendored
|
@ -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();
|
||||
|
|
Loading…
Add table
Reference in a new issue