mjml-accordion
Advanced tools
Comparing version 4.5.1 to 4.6.0
@@ -57,3 +57,3 @@ 'use strict'; | ||
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = MjAccordion.__proto__ || (0, _getPrototypeOf2.default)(MjAccordion)).call.apply(_ref, [this].concat(args))), _this), _this.headStyle = function () { | ||
return '\n noinput.mj-accordion-checkbox { display:block!important; }\n\n @media yahoo, only screen and (min-width:0) {\n .mj-accordion-element { display:block; }\n input.mj-accordion-checkbox, .mj-accordion-less { display:none!important; }\n input.mj-accordion-checkbox + * .mj-accordion-title { cursor:pointer; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; user-select:none; }\n input.mj-accordion-checkbox + * .mj-accordion-content { overflow:hidden; display:none; }\n input.mj-accordion-checkbox + * .mj-accordion-more { display:block!important; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-content { display:block; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-more { display:none!important; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-less { display:block!important; }\n }\n\n @goodbye { @gmail }\n '; | ||
return '\n noinput.mj-accordion-checkbox { display:block!important; }\n\n @media yahoo, only screen and (min-width:0) {\n .mj-accordion-element { display:block; }\n input.mj-accordion-checkbox, .mj-accordion-less { display:none!important; }\n input.mj-accordion-checkbox + * .mj-accordion-title { cursor:pointer; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; user-select:none; }\n input.mj-accordion-checkbox + * .mj-accordion-content { overflow:hidden; display:none; }\n input.mj-accordion-checkbox + * .mj-accordion-more { display:block!important; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-content { display:block; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-more { display:none!important; }\n input.mj-accordion-checkbox:checked + * .mj-accordion-less { display:block!important; }\n }\n\n .moz-text-html input.mj-accordion-checkbox + * .mj-accordion-title { cursor: auto; touch-action: auto; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; }\n .moz-text-html input.mj-accordion-checkbox + * .mj-accordion-content { overflow: hidden; display: block; }\n .moz-text-html input.mj-accordion-checkbox + * .mj-accordion-ico { display: none; }\n\n @goodbye { @gmail }\n '; | ||
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret); | ||
@@ -116,5 +116,5 @@ } | ||
'icon-align': 'middle', | ||
'icon-wrapped-url': 'http://i.imgur.com/bIXv1bk.png', | ||
'icon-wrapped-url': 'https://i.imgur.com/bIXv1bk.png', | ||
'icon-wrapped-alt': '+', | ||
'icon-unwrapped-url': 'http://i.imgur.com/w4uTygT.png', | ||
'icon-unwrapped-url': 'https://i.imgur.com/w4uTygT.png', | ||
'icon-unwrapped-alt': '-', | ||
@@ -121,0 +121,0 @@ 'icon-position': 'right', |
{ | ||
"name": "mjml-accordion", | ||
"description": "mjml-accordion", | ||
"version": "4.5.1", | ||
"version": "4.6.0", | ||
"main": "lib/index.js", | ||
@@ -22,3 +22,3 @@ "repository": { | ||
"lodash": "^4.17.15", | ||
"mjml-core": "4.5.1" | ||
"mjml-core": "4.6.0" | ||
}, | ||
@@ -28,3 +28,3 @@ "devDependencies": { | ||
}, | ||
"gitHead": "8fee6b676a0e2084177fcf8c1095dc52e12517c0" | ||
"gitHead": "6bfd02a89a9105885b542b630360edbb75fdb080" | ||
} |
@@ -1,8 +0,8 @@ | ||
## mjml-accordion | ||
## mj-accordion | ||
<p align="center"> | ||
<img src="http://i.imgur.com/C4S9MVc.gif" alt="accordion" /> | ||
<img src="https://i.imgur.com/C4S9MVc.gif" alt="accordion" /> | ||
</p> | ||
`mjml-accordion` is an interactive MJML component to stack content in tabs, so the information is collapsed and only the titles are visible. Readers can interact by clicking on the tabs to reveal the content, providing a great experience on mobile devices where space is scarce. | ||
`mj-accordion` is an interactive MJML component to stack content in tabs, so the information is collapsed and only the titles are visible. Readers can interact by clicking on the tabs to reveal the content, providing a great experience on mobile devices where space is scarce. | ||
@@ -14,3 +14,3 @@ ```xml | ||
<mj-accordion border="none" padding="1px" /> | ||
<mj-accordion-element icon-wrapped-url="http://i.imgur.com/Xvw0vjq.png" icon-unwrapped-url="http://i.imgur.com/KKHenWa.png" icon-height="24px" icon-width="24px" /> | ||
<mj-accordion-element icon-wrapped-url="https://i.imgur.com/Xvw0vjq.png" icon-unwrapped-url="https://i.imgur.com/KKHenWa.png" icon-height="24px" icon-width="24px" /> | ||
<mj-accordion-title font-family="Roboto, Open Sans, Helvetica, Arial, sans-serif" background-color="#fff" color="#031017" padding="15px" font-size="18px" /> | ||
@@ -55,3 +55,3 @@ <mj-accordion-text font-family="Open Sans, Helvetica, Arial, sans-serif" background-color="#fafafa" padding="15px" color="#505050" font-size="14px" /> | ||
<aside class="notice"> | ||
Every attribute in `mj-accordion` are applied to `mj-accordion-element` unless you overide them on `mj-accordion-element` | ||
Every attribute in `mj-accordion` are applied to `mj-accordion-element` unless you override them on `mj-accordion-element` | ||
</aside> | ||
@@ -70,6 +70,6 @@ | ||
icon-unwrapped-alt | n/a | alt text when accordion is unwrapped | - | ||
icon-unwrapped-url | n/a | icon when accordion is unwrapped | http://i.imgur.com/w4uTygT.png | ||
icon-unwrapped-url | n/a | icon when accordion is unwrapped | https://i.imgur.com/w4uTygT.png | ||
icon-width | px | icon height | 32px | ||
icon-wrapped-alt | n/a | alt text when accordion is wrapped | + | ||
icon-wrapped-url | n/a | icon when accordion is wrapped | http://i.imgur.com/bIXv1bk.png | ||
icon-wrapped-url | n/a | icon when accordion is wrapped | https://i.imgur.com/bIXv1bk.png | ||
padding | px | padding | 10px 25px | ||
@@ -81,3 +81,3 @@ padding-bottom | px | padding bottom | n/a | ||
### mjml-accordion-element | ||
### mj-accordion-element | ||
@@ -95,8 +95,8 @@ This component enables you to create a accordion pane | ||
icon-unwrapped-alt | n/a | alt text when accordion is unwrapped | - | ||
icon-unwrapped-url | n/a | icon when accordion is unwrapped | http://i.imgur.com/w4uTygT.png | ||
icon-unwrapped-url | n/a | icon when accordion is unwrapped | https://i.imgur.com/w4uTygT.png | ||
icon-width | n/a | icon height | 32px | ||
icon-wrapped-alt | n/a | alt text when accordion is wrapped | + | ||
icon-wrapped-url | n/a | icon when accordion is wrapped | http://i.imgur.com/bIXv1bk.png | ||
icon-wrapped-url | n/a | icon when accordion is wrapped | https://i.imgur.com/bIXv1bk.png | ||
### mjml-accordion-title | ||
### mj-accordion-title | ||
@@ -118,3 +118,3 @@ This component enables you to add and style a title to your accordion | ||
### mjml-accordion-text | ||
### mj-accordion-text | ||
@@ -121,0 +121,0 @@ This component enables you to add and style a text to your accordion |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
27260
423
1
+ Addedmjml-core@4.6.0(transitive)
+ Addedmjml-migrate@4.6.0(transitive)
+ Addedmjml-parser-xml@4.6.0(transitive)
- Removedmjml-core@4.5.1(transitive)
- Removedmjml-parser-xml@4.5.1(transitive)
Updatedmjml-core@4.6.0