Release Notes

v0.1.17 change list

• added component .loader to finanzen.net Theme
• added .resizable
• improved .img
• improved Global Modifier: Size, added more values
• bugfix Global Modifier: Border

v0.1.17 integration description

• Massive changes in .img. Add .img--full-width to your images for the old "width: 100%" style. The old .img--width-percent-XX modifier not longer exist. Use the Global Modifier: Size instead.

v0.1.17 tickets

• CB-225

v0.1.16 change list

• improved .input date picker
• improved .tooltip
• improved .page-footer
• renamed all custom properties to "--sg-component-name-property"

v0.1.16 integration description

• add a delay to the login tooltip opening, see .tooltip > Login

v0.1.16 tickets

• CB-212
• CB-232
• CB-676
• CB-677
• CB-1269
• CB-1291

v0.1.15 change list

• improved .paragraph
• improved .performance-bar
• improved .tooltip
• improved .tab-region
• improved .page-content
• improved .flex

v0.1.15 integration description

• create modifier .page-content__item--space to add space between item content
• rename .flex--horizontal-space-between to flex--horizontal-between
• rename .flex--horizontal-space-between-{lg, md, sm, xs} to flex--horizontal-between-{lg, md, sm, xs}
• rename .flex--horizontal-space-around to flex--horizontal-around
• rename .flex--horizontal-space-around-{lg, md, sm, xs} to flex--horizontal-around-{lg, md, sm, xs}
• rename .flex--horizontal-space-evenly to flex--horizontal-evenly
• rename .flex--horizontal-space-evenly-{lg, md, sm, xs} to flex--horizontal-evenly-{lg, md, sm, xs}

v0.1.15 tickets

• CB-676
• CB-1246
• RDF-547
• RDF-557

v0.1.14 change list

• improved heading elements
• improved hyperlinks
• improved label
• improved paragraph
• improved list
• improved hyperlinks
• improved .headline
• improved .news
• improved .input
• improved .tab
• improved .page-header
• changed color brand-oskar, see Color Palette

v0.1.14 integration description

• Rename .hyperlink--clear to .hyperlink-clear
• Change in .tab the .tab__before and .tab__after. Move them from the .tab block into the .tab__list element.
• Massive changes in .headline HTML, for more flexibility. You must check all your headlines.

v0.1.14 tickets

• CB-396
• CB-781
• CB-1122
• CB-1217

v0.1.13 change list

• added Upgrade page to documentation
• added .shimming
• added icon podcast
• improved .tooltip
• improved .snapshot
• improved .floating-label

v0.1.13 integration description

• Rename the .snapshot__zero-integration-btn element class in the .snapshot to .zero-flyer__zero-integration-btn.
• Change in the desktop .suggest-search the value of the data attribute data-sg-tooltip-close-by from mouseout to click-outside.

v0.1.13 tickets

• CB-1044
• CB-452
• CB-1147

v0.1.12 change list

• improved .snapshot

v0.1.12 integration description

In the .snapshot:

• Add element .snapshot__source-info to .snapshot__source and .snapshot__source-second.
• Rename element .snapshot__zero-ad to .snapshot__zero-flyer.
• Move .snapshot__zero-info, .snapshot__zero-flyer and .snapshot__zero-flyer into a separate element with class .snapshot__zero.
• Change the content of the .snapshot__zero-flyer advertisement, for more details see snapshot.

v0.1.12 tickets

• CB-1044
• CB-1144

v0.1.11 change list

• added .icon--social-media
• improved .badge
• improved .news
• improved .tab
• improved .page-header
• improved .snapshot

v0.1.11 integration description

In the finanzen.net .page-header (see CB-1033):

• Rework of the content of the .page-header__logo.
• Move the SuggestSearch mobile button from .page-header__search to .page-header__actions.
• Add a new zero button for mobile view with "depot" text.
• Add a new login button for mobile.

In the .snapshot (see CB-935):

• Remove .snapshot__identifier.
• Move the .badge-bar into the new element .snapshot__badge-bar.
• The ISIN & WKN should be shown in the .badge-bar on all screen sizes.

In the .badge:

• If a .badge is a headline, like h2, then remove all .margin-vertical-0.00 global modifier from the element.

v0.1.12 tickets

• CB-502
• CB-907
• CB-924
• CB-935
• CB-1033

v0.1.11 change list

• added .icon--social-media
• improved .tab
• improved .page-header
• improved .snapshot
• improved .news

v0.1.10 change list

• added .icon--locked
• added .icon--unlocked
• improved .suggest-search

v0.1.9 change list

• added .notification
• added .scrollbar-thin
• improved .tab
• improved .flex
• improved .tooltip
• improved .suggest-search

v0.1.8 change list

• added .button--login-full-text
• improved finnet .page-header
• rename 'icon' font to 'sg-icon'

v0.1.7 change list

• added new icons
• improved carousel

v0.1.6 change list

• added show/hide/toggle/isShown to class StyleGuide
• improved .snapshot

v0.1.5 change list

• added .button--text
• improved .carousel
• improved .snapshot
• improved .switch

v0.1.4 change list

• added .carousel

v0.1.3 change list

• improved .copy
• improved documentation

v0.1.2 change list

• improved documentation

v0.1.1 change list

• deploy hugo to azure devops
• added new entry point for CH header
• added selma-finance .button
• added swissquote .button
• added cornertrader .button
• added icon chart-line, depot-sell, load, notice, sort, ..
• improved flowbank .button
• improved .page-layout de
• improved .page-layout ch
• improved .page-header ch
• improved .page-layout
• improved .checkbox
• improved .suggest-search
• improved .page-layout
• improved .page-header
• improved .icon

v0.1.0 change list

• upgraded webpack and related & excluded kss & included hugo & created hugo prototype page

v0.0.23 change list

• improved .news
• improved .news-layout
• improved .page-header
• improved .page-content

v0.0.22 change list

• added icons
• improved .arrow
• improved .dropdown
• improved .details-navigation
• improved .headline
• improved .quote-ticker
• improved .page-layout
• improved .page-header
• improved .performance-bar

v0.0.21 change list

• added .rating
• added top scroll padding
• improved .menu
• improved .input
• improved .page-header
• improved .page-content
• improved .page-footer

v0.0.20 change list

• improved .page-content

v0.0.19 change list

• added finanzen-net-chart.svg
• added .invisible
• improved .snapshot

v0.0.18 change list

• added .listing--no-border
• added .details-navigation
• improved .accordion
• improved .snapshot
• improved .page-footer
• improved .quote-ticker

v0.0.17 change list

• added .accordion
• removed font lato
• changed font family and color in default/de/ch theme

v0.0.16 change list

• added finnet .page-content card optic
• added finnet .form-group--page-header
• improved .performance-bar

v0.0.15 change list

• added dependency injection
• improved .page-content
• improved .tab--secondary
• improved .tab--chart

v0.0.14 change list

• added .back-top-top
• added icons
• improved .suggest-search
• improved finnet .menu
• reworked icon hash code
• reworked script entry files
• change npm feed

v0.0.13 change list

• added zero logos
• improved colors
• improved global modifier (colors)
• improved script entry files

v0.0.12 change list

• improved .suggest-search
• improved .qoute-ticker
• improved .page-header
• improved global modifier fonts
• improved global modifier size
• improved global modifier spacer
• improved global modifier utility

v0.0.11 change list

• added .realtime-push
• improved .snapshot
• improved .copy

v0.0.10 change list

• added .breadcrumb
• added UTF-8 encoding to styles
• improved .tooltip

v0.0.9 change list

• publish per pipeline

v0.0.8 change list

• added .badge-bar
• added .button--star
• improved .badges
• improved .snapshot

v0.0.7 change list

• improved .snapshot

v0.0.6 change list

• added zero icon and color changes

v0.0.5 change list

• added and changed icons

v0.0.4 change list

• renamed .news-slider to .quote-ticker

v0.0.3 change list

• refactor pipeline environment and update webpack

v0.0.2 change list

• update because of azure versioning issue

v0.0.1 change list

• initial commit in own repository and rename project to common-styles
• added more padding for .news-slider items
• added .table variant with headline in first col
• added .suggest-search
• added .table variants
• added font lato
• added .arrow variants
• added .ad-hint
• added .badges
• added icons
• added .menu current page behavior
• added .finanzen-net-christmas logo
• added .news
• added .news-layout
• improved .tab-items colors & sizes
• improved .table
• improved .snapshot-headline
• improved creating icon font
• improved .news-slider
• improved .arrow
• improvements to missing icon
• improved .page-header navigation behavior
• improved .page-content
• improved .page-content
• prevent .news-slider from moving on desktop
• adjusted .headline font weight to bolder, adjusted divider colors and spacer in .page-content
• fixed .news-list divider color in finanzen.net theme
• fixed .snapshot font-weight
• fixed pixel to rem usage
• fixed .headline not bolder
• fixed class name of .table variant