From b428d774dbb82f0f8a3e8f14f828a0302f45ec23 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Mon, 1 Feb 2021 16:04:35 -0500 Subject: [PATCH 1/2] remove border from large title --- core/src/components/header/header.ios.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/core/src/components/header/header.ios.scss b/core/src/components/header/header.ios.scss index d722f67c747..a0bdee4b439 100644 --- a/core/src/components/header/header.ios.scss +++ b/core/src/components/header/header.ios.scss @@ -19,7 +19,7 @@ .header-translucent-ios ion-toolbar { --opacity: .8; } - + /** * Disable the saturation otherwise it distorts the content * background color when large header is not collapsed @@ -56,10 +56,14 @@ */ .header-collapse-condense ion-toolbar { --background: var(--ion-background-color, #fff); - + z-index: 0; } +.header-collapse-condense ion-toolbar:last-of-type { + --border-width: 0px; +} + .header-collapse-condense ion-toolbar ion-searchbar { height: 48px; From faf36f9c0795f67dbd40586c25a1eec5c424c094 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Mon, 1 Feb 2021 17:53:16 -0500 Subject: [PATCH 2/2] update breaking change log --- BREAKING.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/BREAKING.md b/BREAKING.md index 5c1aa54e6f5..167a9e8d41b 100644 --- a/BREAKING.md +++ b/BREAKING.md @@ -12,10 +12,28 @@ This is a comprehensive list of the breaking changes introduced in the major ver ## Version 6.x +- [Components](#components) + * [Header](#header) - [Config](#config) * [Transition Shadow](#transition-shadow) + +### Components + +#### Header + +When using a collapsible large title, the last toolbar in the header with `collapse="condense"` no longer has a border. This does not affect the toolbar when the large title is collapsed. + +To get the old style back, add the following CSS to your global stylesheet: + +```css +ion-header.header-collapse-condense ion-toolbar:last-of-type { + --border-width: 0 0 0.55px; +} +``` + + ### Config #### Transition Shadow