javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(searchbar): update alignment of chips and other elements in toolbar (#19596)

Browse Source 
fixes #19495 fixes #19502
This commit is contained in:
Brandy Carney
2019-10-08 19:42:59 -04:00
committed by GitHub
parent 3c4e65ba97
commit 7ce916cc7c
3 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
core/src/components/toolbar/toolbar.ios.scss
View File

@ -41,20 +41,19 @@
@include padding(0, null);
}
// TODO - important is needed because searchbar is scoped
:host(.toolbar-searchbar) ::slotted(ion-searchbar) {
/* stylelint-disable */
height: 52px !important;
padding-top: 1px !important;
padding-bottom: 15px !important;
/* stylelint-enable */
:host(.toolbar-searchbar) ::slotted(*) {
align-self: start;
}
:host(.toolbar-searchbar) ::slotted(ion-buttons) {
align-self: start;
:host(.toolbar-searchbar) ::slotted(ion-chip) {
@include margin(3px, null, null, null);
}
:host(.toolbar-searchbar) ::slotted(ion-back-button) {
height: 38px;
}
// iOS Toolbar Slot Placement
// --------------------------------------------------