Releases: finsweet/webflow-addons
Releases · finsweet/webflow-addons
[Disable scrolling] Several improvements
- Added
fs-preserve-scrollattribute for all click triggers. - The display triggers will now look for the first scrollable element to use it as the target.
- Added global
reserveScrollBarGapparam that can be set both in the function params or in the script attributes withfs-preserve-gap.
Major update: replaced all attributes from using data- prefix to use fs- prefix.
- Replaced all attributes from using
data-prefix to usefs-prefix. - Added new documentation to each addon.
Created mirror-events addon
v1.7.0
[Display Style Values] Debounced the window resize callback to improve performance
[Copy to clipboard] Added new features
- Element properties
- @Attribute [data-copy] Accepts a query selector (id "#" or CSS Class ".") or a text string
- @Attribute [data-copied-message] Message to be displayed after copying
- @Attribute [data-copied-duration] Duration that the data-copied text will be displayed
- <script> tag properties
- @Attribute [data-copy-selector] Accepts a query selector that will instantiate all the matched elements
- @Attribute [data-copied-message] Message to be displayed after copying. It will affect all of the elements
- @Attribute [data-copied-duration] Duration that the data-copied text will be displayed. It will affect all of the elements
[Display Style Values] Added data-display-viewport attribute. Upgraded groupped targets
- Added
data-display-viewportattribute. The attribute takes ANY pixel value, likedata-display-viewport="768px"ordata-display-viewport="1580px". If set, the outputted CSS value will be the one that the element has on that specific viewport width. - Added
window.onresizehandler. Now all values will be updated if the viewport is resized. - Upgradded groupped targets functionality. Now all children elements of the parent wrapper will inherit the parent's attributes. Example: If the
data-display-group="wrapper"element has the attributedata-display-property="true", all children will automatically display the property name without having to set the attribute to each one.
[Display Style Values] Fixed data-display-property's output spacing
[Display Style Values] Fixed semicolon not being displayed in the data-display-property="css-block" option.
Fixed semicolon not being displayed in the data-display-property="css-block" option.
[Display style values] Added data-display-property attribute
Added data-display-property attribute: If used, the property name will also be displayed.
Available options:
data-display-property="true"will output asproperty-name: property-value.data-display-property="css"will output asproperty-name: property-value;.data-display-property="css-block"will output as{ property-name: property-value }.