Added account statements page
Added account statements page
- Added l-form__field-title--small modifier
- Added o-account-statements
- Added account statements page
This log contains an overview of the different updates of this brandplatform. Every log is collapsable to view more information about the update.
p-transaction-success
to p-transaction-feedback
is-warning
and is-error
states to the feedback molecules-slds-root
to the l-root
element to activate the fix.Transaction component removed
Overview
Detail-product
Budget - component
Overview - page
Overbooking - page
Succes
<div class="p-transaction-succes"></div>
search-transactions
filter
Detail - transaction - 1
Overbooking - choice
Settings
Account
Account-edit
Personal-info
Notifications
Detail file
Overview
Detail product
Detail transaction upcoming
Borders are placed on m-summary, previously m-account, with the class m-summary--contained
overbooking
main
choice
overview
detail-deposito
replaced m-account by m-summary, removed m-account__info-item--lowercase and added m-summary__info-item--uppercase on items that have to be uppercase
replaced m-account-select by m-summary with class m-summary--expand, make use of the a-label component instead of m-account-select__label
detail-transaction
<section></section>
into <div></div>
detail-product
main
settings
accounts
accounts-edit
Added new border color
Made 2 new pages:
Adapted 5 pages:
changed the behaviour of the l-split component to switch to a vertical view on an earlier breakpoint. Through this method only 2 images: desktop and mobile should be provided.
Fixed an issue where the transaction-confirm close button of the popup is not clickable because the m-summary__link z-index was higher and placed in front of it.
The hide utility can be used to display the elements based on certain breakpoints.
.u-hide@above-mobile-default Hide the element above the mobile-default breakpoint
.u-hide@above-tablet-default Hide the element above the tablet-default breakpoint
.u-hide@above-desktop-default Hide the element above the desktop-default breakpoint
.u-hide@above-desktop-large Hide the element above the desktop-large breakpoint
.u-hide@below-mobile-default Hide the element below the mobile-default breakpoint
.u-hide@below-tablet-default Hide the element below the tablet-default breakpoint
.u-hide@below-desktop-default Hide the element below the desktop-default breakpoint
.u-hide@below-desktop-large Hide the element below the desktop-large breakpoint
The visual component can be used to toggle the behaviour of the image. By default the image is scaled to fill up the entire container it is place within, without losing or changing its aspect ratio.
.m-visual--contained Changes the behaviour of the image to scale until it reaches one of the sides of its parent container, without losing or changing the aspect ratio. This can create whitespace around the image because it is not scaled larger than its parent container.
.m-visual--contained@above-mobile-default Same behaviour as the m-visual--contained, but only applicable above the mobile-default breakpoint.
.m-visual--contained@above-tablet-default Same behaviour as the m-visual--contained, but only applicable above the tablet-default breakpoint.
.m-visual--contained@above-desktop-default Same behaviour as the m-visual--contained, but only applicable above the desktop-default breakpoint.
.m-visual--contained@above-desktop-large Same behaviour as the m-visual--contained, but only applicable above the desktop-large breakpoint.
.m-visual--contained@below-mobile-default Same behaviour as the m-visual--contained, but only applicable below the mobile-default breakpoint.
.m-visual--contained@below-tablet-default Same behaviour as the m-visual--contained, but only applicable below the tablet-default breakpoint.
.m-visual--contained@below-desktop-default Same behaviour as the m-visual--contained, but only applicable below the desktop-default breakpoint.
.m-visual--contained@below-desktop-large Same behaviour as the m-visual--contained, but only applicable below the desktop-large breakpoint.
icon-checkmark
icon-info
.m-tooltip--down
modifier.Added documentation about the components, modifiers, states and JavaScript
Restructure previous existing pages/views
Added new pages with new structure
Updated all current components and removed unnecesary modifiers or variations
Missing until next release: