0.8.10 Changelog


Breaking Changes

0 Changes

Bugs

3 Bug Fixes

Released

March 9, 2017

Sketch template

Light Theme

Highlights

  • New icons for Clarity Icons

    With 0.8.10, Clarity has introduced new icons such as network-globe, network-switch, flow-chart, chat-bubble, etc.

  • New Datagrid styles

    Our Datagrid styles changed from a table layout to a flexbox one, without any changes required for existing integrations. If you were reaching deep into the internal datagrid template to customize its styles (which we do not recommend), you are at risk of these customizations not working anymore.

    These new styles will allow us to implement new advanced features for Datagrid, especially animated ones. Watch out for expandable rows, they are coming in very soon! In the meantime, these new styles already allow two very useful additional features out-of-the-box:

  • Datagrid scrolling

    Datagrids can now scroll easily if you set their height. The header and footer stay fixed, only the body containing the rows scrolls. It's as simple as setting the height of the <clr-datagrid> element to a specific value, or making it 100% to fill its container:

    
    <div id="my-container">
        <clr-datagrid>...</clr-datagrid>
    </div>
    
    
    #my-container clr-datagrid {
        height: 100%;
    }
    
  • Specifying a header's width in any way, including through CSS with a simple class, locks the corresponding column size and makes it non-flexible. No need to duplicate that information on the cells, just the header is enough.

Bug Fixes

  • Fixed the padding of form input fields on xs and sm breakpoints.
  • Fixed the error related to Change Detection in DatagridActionOverflow.
  • Renamed the files on which the form styles depends to fix the SASS build issue.

Other Changes

  • Added information on two-way binding workaround for clrWizardOpen to the wizard documentation.
  • Cleaned up sidenav's collapsible item to not rely on position property.
  • Added Clarity style to radio buttons in datagrid.