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

fix(app): statusbarPadding

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-07-30 23:55:07 +02:00
parent fc0d4c0776
commit fd8f875a5f
18 changed files with 87 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
core/src/components/toolbar/toolbar.tsx
View File

@ -28,33 +28,24 @@ export class Toolbar {
*/
@Prop() mode!: Mode;
/**
* If true, the toolbar will be translucent.
* Note: In order to scroll content behind the toolbar, the `fullscreen`
* attribute needs to be set on the content.
* Defaults to `false`.
*/
@Prop() translucent = false;
hostData() {
return {
class: {
...createColorClasses(this.color),
'toolbar-translucent': this.translucent
}
class: createColorClasses(this.color)
};
}
render() {
return [
<div class="toolbar-background"></div>,
<slot name="start"></slot>,
<slot name="secondary"></slot>,
<div class="toolbar-content">
<slot></slot>
</div>,
<slot name="primary"></slot>,
<slot name="end"></slot>
<div class="toolbar-container">
<slot name="start"></slot>
<slot name="secondary"></slot>
<div class="toolbar-content">
<slot></slot>
</div>
<slot name="primary"></slot>
<slot name="end"></slot>
</div>
];
}
}