javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 04:53:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

ion-view-title

Browse Source
This commit is contained in:
Adam Bradley
2015-03-21 21:24:45 -05:00
parent 76f45285d1
commit f78f362afe
4 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
playground/views/main.html
View File

@ -1,7 +1,7 @@
<ion-view view-title="HELLO!!">
<ion-view view-title="!attr Title!">
<ion-view-title>
ele Title
!ele Title!
</ion-view-title>
<!-- <ion-view-buttons side="primary">

3
src/components/toolbar/toolbar.js
View File

@ -9,7 +9,7 @@ import {Ion} from '../ion'
})
@Template({
inline: `
<div class="bar bar-android">
<div class="bar bar-ios">
<div class="bar-items">
<div class="back-button">
<div class="back-button-icon">&lt;</div>
@ -21,6 +21,7 @@ import {Ion} from '../ion'
<div class="title">
<div class="inner-title">
{{ title }}
<content select="ion-view-title"></content>
</div>
</div>
<div class="bar-primary-item" style="background:red">

2
src/components/toolbar/toolbar.scss
View File

@ -36,6 +36,7 @@
}
.bar-items > .title > .inner-title {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@ -64,6 +65,7 @@
.title {
position: static;
margin: 0;
text-align: left;
}
}

1
src/components/view/view.js
View File

@ -11,6 +11,7 @@ import {Ion} from '../ion'
@Template({
inline: `
<ion-toolbar [view-title]="title">
<content select="ion-view-title"></content>
</ion-toolbar>
<div class="container">
<content></content>