Skip to content

Releases: floatzcss/floatz

1.4.0

07 Oct 06:29
Compare
Choose a tag to compare

New device sizes XXS and XXL for responsive layouts added
Two new sizes have been added to the list of supported devices. XXS for small smartphones from 0-320px and XXL for super large desktops starting at 1600px. Thus the breakpoints for XS and XL have also been changed. See https://github.com/floatzcss/floatz#responsive-layouts for more details.

Please note: especially the introduction of XXS is a breaking change. You must add the relevant XXS styles to your existing HTML markup when upgrading to this version. Otherwise screens between 0-320 will not be displayed correctly anymore. Please also check how your website behaves above 1600px and if necessary add the necessary styles for XXL to your markup as well.

New layouters added
Layouters for 30% and 70% box widths have been added.
See https://github.com/floatzcss/floatz/blob/master/README.md#layouters for a full list of the available layouters.

Form elements have been changed
The width correction of input fields has been moved to IE only stylesheets. Thus all input fields now have a default width of 100% without any IE specific corrections. The background color from input elements has been removed to reduce specificity issues when overriding flz_mandatory. The style box-sizing: border-box has been added to all input elements so that a padding can be added very easily in modern browsers.

Misc enhancements and bugfixes
See the full issues list for all enhancements and bugfixes that have been implemented in this version.

Download this version
https://github.com/floatzcss/floatz/blob/master/download/floatz-1.4.0.zip

1.3.0

22 Feb 18:29
Compare
Choose a tag to compare

Responsive layouts fully supported
A set of new CSS classes have been added to ease creating responsive layouts in combination with CSS media queries. See Responsive Layouts for more information and code examples. The old min-width definition of flz_page has also been removed to support all screen sizes.

Workflow indicator added
The floatz.nav.css CSS module now offers support for workflow indicators to visually indicate workflow states. See the documentation for more details and examples.

Spacer creation simplified
The style box-sizing: border-box has been added to flz_box. This allows to create spacers without extra _div_s if only newer browsers must be supported. Read Using spacers in modern browsers for more information on that topic.

Reusable Less CSS mixins added
The floatz.mixins.less CSS module provides some reusable Less CSS mixins. For easing media queries in reponsive layouts the floatz.constants.less module has been added which contains mixins for the out of the box supported screen sizes.

Support for GWT 2.7.0 added
Enhanced support for integrating floatz into GWT 2.7.0 has been added to this version. See the floatz.gwt release note in the newly created floatz.gwt repository for all details.

IE hacks relocated
Internet Explorer specific CSS hacks have been moved to separate stylesheets. This reduces the size of the other stylesheets and provides more freedom of choice which IE versions should be supported at all. See the browser support section for more information how IE specific stylesheets must be added now.

Browser detection refactored
Browser detection support formerly provided via the floatz.browser.js module using jQuery has been replaced by UAParser.js which is now integrated into the main floatz.js module. This removes the previous lock in to an older jQuery version that supported browser detection directly.

jQuery dependency reduced
Simultaneously with the refactoring of the browser detection the dependency to jQuery has been reduced to an absolute minimum. For an example the main floatz.js module containing the browser detection can now be loaded and started without jQuery.

Misc enhancements and bugfixes
See the full issues list for all enhancements and bugfixes that have been implemented in this version.

Download this version
https://github.com/floatzcss/floatz/blob/master/download/floatz-1.3.0.zip