javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(header): removed border from last toolbar when using collapsible large title (#22891)

Browse Source 
resolves #22777

BREAKING CHANGE: The last toolbar in the header with a collapsible large title no longer has a border.
This commit is contained in:
Liam DeBeasi
2021-02-08 10:34:08 -05:00
committed by GitHub
parent 9b786899e5
commit c72bc5dbd7
2 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/header/header.ios.scss
View File

@@ -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;